這次帶給大家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>
相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
怎麼用Meta標籤程式碼讓360瀏覽器預設使用極速模式開啟網頁
#以上是html怎麼使用超連結開啟新視窗並且控制該視窗屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!