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

这次给大家带来在html中怎样可以用超链接打开新窗口并且控制窗口属性，在html中用超链接打开新窗口并且控制窗口属性的注意事项有哪些，下面就是实战案例，一起来看一下。

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

<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中，引号多，比较难弄清除，可通过以下方式：

$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>"; //主机名 点击可查看选中主机的具体信息

登录后复制

提示：

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('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>

登录后复制

相信看了这些案例你已经掌握了方法，更多精彩请关注Work网其它相关文章！