html怎麼使用超連結開啟新視窗並且控制該視窗屬性

php中世界最好的语言
發布: 2018-01-25 11:17:06
原創
3310 人瀏覽過

這次帶給大家html怎麼使用超連結開啟新視窗並且控制該視窗屬性,使用html操作超連結開啟新視窗並且控制該視窗屬性的注意事項有哪些,以下就是實戰案例,一起來看一下。

1、html超連結開啟的視窗大小 

<a href="#" onclick="javascript:window.open(&#39;http://www.baidu.com&#39;,&#39;&#39;,&#39;height=20,width=20,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no&#39;)">aaaaaaaaaaaaaaa</a>
登入後複製

2、若在php中,引號多,比較難弄清除,可透過以下方式:

$openNew="onclick=".&#39;"&#39;."javascript:window.open(&#39;host_graphics.php?host_id=$host_id&host_address=$host_address&#39;,&#39;&#39;,&#39;height=500,width=600,top=300,left=300,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no&#39;)".&#39;"&#39;; echo "<td style=&#39;vertical-align: middle;text-align: center;&#39;><a href=#?host_id=$host_id&host_address=$host_address name=&#39;host_click&#39; style=&#39;text-decoration:underline;&#39; title=&#39;点击查看主机系统监控图&#39; $openNew> $host_name </a></td>"; //主机名 点击可查看选中主机的具体信息
登入後複製

提示:

onclick="javascript:window.open(&#39;12.php&#39;,&#39;&#39;,&#39;height=500,width=600,top=300,left=300,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no&#39;)"
登入後複製

檔案後面可以跟上變數的值, 例如

host_graphics.php?host_id=$host_id&host_address=$host_address
登入後複製

如此,則彈出的新視窗中可以用GET 取得值。

3、範例:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>ThD</title> 
</head> 
<body> 
</body> 
<a href="#" onclick="javascript:window.open(&#39;http://www.baidu.com&#39;,&#39;&#39;,&#39;height=500,width=600,top=300,left=300,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no&#39;)">aaaaaaaaaaaaaaa</a> 
</html>
登入後複製

相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

怎麼實作html的可輸入下拉式選單

a標籤href屬性與onclick事件應該如何使用

怎麼用Meta標籤程式碼讓360瀏覽器預設使用極速模式開啟網頁

#

以上是html怎麼使用超連結開啟新視窗並且控制該視窗屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!