本文摘自PHP中文网,作者php中世界最好的语言,侵删。
这次给大家带来html怎样使用超链接打开新窗口并且控制该窗口属性,使用html操作超链接打开新窗口并且控制该窗口属性的注意事项有哪些,下面就是实战案例,一起来看一下。1、html超链接打开的窗口大小
1 | <a href="#" onclick="javascript:window.open('http://www.baidu.com','','height=20,width=20,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')">aaaaaaaaaaaaaaa</a>
|
2、如果在php中,引号多,比较难弄清除,可通过以下方式:
1 | $openNew="onclick=".'"'."javascript:window.open('host_graphics.php?host_id=$host_id&host_address=$host_address','','height=500,width=600,top=300,left=300,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')".'"'; echo "<td style='vertical-align: middle;text-align: center;'><a href=#?host_id=$host_id&host_address=$host_address name='host_click' style='text-decoration:underline;' title='点击查看主机系统监控图' $openNew> $host_name </a></td>";
|
提示:
1 | 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')"
|
文件后面可以跟上变量的值, 比如
1 | host_graphics.php?host_id=$host_id&host_address=$host_address
|
如此,则弹出的新窗口 中可以用 GET 获取值。
3、例子:
1 2 3 4 5 6 7 8 9 10 | <!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('http://www.baidu.com','','height=500,width=600,top=300,left=300,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no')">aaaaaaaaaaaaaaa</a>
</html>
|
相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
怎样实现html的可输入下拉菜单
a标签href属性与onclick事件应该如何使用
怎样用Meta标签代码让360浏览器默认使用极速模式打开网页
以上就是html怎样使用超链接打开新窗口并且控制该窗口属性的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
Html写网页如何布局
Html怎么隐藏控件
Html del标签怎么用
Html h1标签是双标签吗?如何设置Html h1标签的位置?
go元素的关键字所在--chan通道
详解Html中strong标签如何设置字体加粗?(代码示例)
Html/css/js是什么关系
Html body标签怎么用
Html如何嵌套页面?<iframe>标签告诉你答案
Html基础面试题汇总
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html怎样使用超链接打开新窗口并且控制该窗口属性