<![CDATA[A.PAO designSTUDIO BLOG]]> https://blog.apao.idv.tw/index.php zh-tw https://blog.apao.idv.tw/post// <![CDATA[window.open 開啟另一視窗]]> apao <apao@www.apao.idv.tw> Sat, 25 Aug 2012 10:59:31 +0000 https://blog.apao.idv.tw/post// 點擊在新視窗中瀏覽此圖片


<script LANGUAGE="JavaScript">
<!--
　　function openwin() {
　　window.open ("page.html", "newwindow", "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") file://写成一行

　　}
//-->
</script>


window.open 談出新視窗的命令文；
'page.html' 弹出窗口的文件名；
'newwindow' 彈出窗口的名字（不是文件名），可空白' '；
height=100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離瀏覽器上方的距離值；
left=0 窗口距離瀏覽器左側的距離值；
toolbar=no 是否顯示工具欄，yes為顯示；
menubar，scrollbars 表示清單與滾動軸。
resizable=no 是否可改變視窗大小，yes为允許；
location=no 是否显示地址栏，yes为允许；
status=no 是否顯示狀態欄內的訊息（指是視窗開啟時），yes為允許；

html+javascript的寫法：

<html>
<head>
<script LANGUAGE="JavaScript">
<!--
　　function openwin() {
　　window.open ("page.html", "newwindow", "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //要寫成一行
　　}
//-->
</script>
</head>
<body onload="openwin()">
任意的頁面內容...
</body>
</html>


開啟新增視窗方法有四種：

方法一：
<body  onload="openwin()"> 瀏覽器開啟時(讀取時)彈出視窗；

方法二：
<body  onunload="openwin()"> 瀏覽器離開頁面時(不讀取)彈出視窗；

方法三：用一个连接调用：
<a href="#" onClick="window.open('URL', 'Joseph', config='height=350,width=440')"/>開啟一個新視窗</a>
注意：必須使用“#”

方法四：用於發布按鈕時：
<input type="button" onclick="openwin()" value="開啟視窗">



Tags - , ]]> https://blog.apao.idv.tw/post//#blogcomment <![CDATA[[評論] window.open 開啟另一視窗]]> <user@domain.com> Thu, 01 Jan 1970 00:00:00 +0000 https://blog.apao.idv.tw/post//#blogcomment