html 用超链接打开新窗口其可控制窗口属性-html教程-PHP中文网

首页

web前端

html教程

html 用超链接打开新窗口其可控制窗口属性

Feb 27, 2017 am 11:25 AM

这篇文章主要介绍了html如何用超链接打开新窗口其可控制窗口属性，主要使用到js的window.open方法，感兴趣的朋友可以看看哦

1、html超链接打开的窗口大小

&lt;a href=&quot;#&quot; onclick=&quot;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;)&quot;&gt;aaaaaaaaaaaaaaa&lt;/a&gt;

登录后复制

2、如果在php中，引号多，比较难弄清除，可通过以下方式：

$openNew=&quot;onclick=&quot;.&#39;&quot;&#39;.&quot;javascript:window.open(&#39;host_graphics.php?host_id=$host_id&amp;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;)&quot;.&#39;&quot;&#39;; 
echo &quot;&lt;td style=&#39;vertical-align: middle;text-align: center;&#39;&gt;&lt;a href=#?host_id=$host_id&amp;host_address=$host_address name=&#39;host_click&#39; style=&#39;text-decoration:underline;&#39; title=&#39;点击查看主机系统监控图&#39; $openNew&gt; $host_name &lt;/a&gt;&lt;/td&gt;&quot;; //主机名 点击可查看选中主机的具体信息

登录后复制

提示：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、例子：

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;&gt; 
&lt;html&gt; 
&lt;head&gt; 
&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt; 
&lt;title&gt;ThD&lt;/title&gt; 
&lt;/head&gt; 
&lt;body&gt; 
&lt;/body&gt; 
&lt;a href=&quot;#&quot; onclick=&quot;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;)&quot;&gt;aaaaaaaaaaaaaaa&lt;/a&gt; 
&lt;/html&gt;

登录后复制

更多html 用超链接打开新窗口其可控制窗口属性相关文章请关注PHP中文网！

本站声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn