首頁 > 文章 > web前端 > html 以超連結開啟新視窗其可控制視窗屬性

html 以超連結開啟新視窗其可控制視窗屬性

高洛峰原創: 2017-02-27 11:25:001838瀏覽

這篇文章主要介紹了html如何用超連結開啟新視窗其可控制視窗屬性，主要使用到js的window.open方法，有興趣的朋友可以看看哦

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('12.php','','height=500,width=600,top=300,left=300,toolbar=no,menubar=no,scrollbars=no , resizable=no,location=no, status=no')"

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

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>

更多html 用超連結開啟新視窗其可控制視窗屬性相關文章請關注PHP中文網！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：html 可輸入下拉式選單的實現下一篇：html 可輸入下拉式選單的實現

看更多