在html中怎样可以用超链接打开新窗口并且控制窗口属性


本文摘自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

2

$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中文网其它相关文章!

相关阅读:

怎样用Meta标签代码让360浏览器默认使用极速模式打开网页

怎样实现html的可输入下拉菜单

以上就是在html中怎样可以用超链接打开新窗口并且控制窗口属性的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html字体颜色的设置方法

Html如何实现点击链接打开一个新窗口

如何在Html中引入外部页面(iframe标签法)

Html文件里面怎么放入css

Html button标签是否有超链接?这有button标签设置超链接的实例

Html如何改变字体颜色

Html中class是什么意思

如何使用css设计出一个表单页面(附示例)

Html怎么设置链接

怎么用Html写hello world

更多相关阅读请进入《Html》频道 >>




JavaScript 从入门到项目实践
书籍

JavaScript 从入门到项目实践

清华大学出版社

本书采取“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深,由深到精”的学习模式进行讲解。全书共35章,不仅介绍了HTML、CSS、对象、函数、事件等JavaScript语言的基础知识,而且深入介绍了jQuery、客户端、服务器端、数据存储等核心技术。



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...