再论弹出窗口
2008-01-05 08:36:18 来源：WEB开发网 闂傚倸鍊搁崐鎼佸磹妞嬪孩顐芥慨姗嗗厳缂傛氨鎲稿鍫罕闂備礁婀遍搹搴ㄥ窗閺嶎偆涓嶆い鏍仦閻撱儵鏌ｉ弴鐐测偓鍦偓姘炬嫹
闂傚倸鍊搁崐鎼佸磹妞嬪海鐭嗗〒姘ｅ亾妤犵偛顦甸弫鎾绘偐閹绘帞鈧參姊哄Ч鍥х仼闁诲繑鑹鹃悾鐑藉蓟閵夛妇鍘甸梺瑙勵問閸犳牠銆傛總鍛婄厱閹艰揪绱曟牎闂侀潧娲ょ€氫即鐛幒妤€绠ｆ繝闈涘暙娴滈箖鏌ｉ姀鈶跺湱澹曟繝姘厵闁绘劦鍓氶悘杈ㄤ繆閹绘帞澧涚紒缁樼洴瀹曞崬螖閸愬啠鍓濈换娑樼暆婵犱胶鏁栫紓浣介哺閹瑰洤鐣烽幒鎴僵闁瑰吀鐒﹂悗鎼佹⒒娴ｇ儤鍤€闁搞倖鐗犻獮蹇涙晸閿燂拷
濠电姷鏁告慨鐑藉极閸涘﹥鍙忔い鎾卞灩缁狀垶鏌涢幇闈涙灈鐎瑰憡绻冮妵鍕箻鐎靛摜鐣奸梺纭咁潐濞茬喎顫忕紒妯肩懝闁逞屽墮宀ｈ儻顦查悡銈夋煏閸繃鍋繛宸簻鎯熼梺瀹犳〃閼冲爼宕濋敃鈧—鍐Χ閸℃鐟愰梺鐓庡暱閻栧ジ宕烘繝鍥у嵆闁靛骏绱曢崢顏堟⒑閹肩偛鍔楅柡鍛⊕缁傛帟顦寸紒杈ㄥ笚濞煎繘鍩℃担閿嬵潟闂備浇妗ㄩ悞锕傚箲閸ヮ剙鏋侀柟鍓х帛閺呮悂鏌ㄩ悤鍌涘闂傚倸鍊搁崐鎼佸磹妞嬪孩顐芥慨姗嗗厳缂傛氨鎲稿鍫罕闂備礁婀遍搹搴ㄥ窗閺嶎偆涓嶆い鏍仦閻撱儵鏌ｉ弴鐐测偓鍦偓姘炬嫹 闂傚倸鍊搁崐鎼佸磹閻戣姤鍤勯柤鍝ユ暩娴犳氨绱撻崒娆掑厡缂侇噮鍨堕妴鍐川閺夋垹鍘洪悗骞垮劚椤︻垶宕￠幎鑺ョ厪闊洦娲栨牎闂佽瀵掗崜鐔奉潖閾忓湱纾兼俊顖氭惈椤矂姊洪崷顓涙嫛闁稿妫濋幆鈧い蹇撴祩濡嫰姊洪崫鍕拱婵炲弶岣块幑銏犫攽婵犲嫮鏉搁梺鍝勬川婵兘鎮伴妷鈺傗拻濞达絽鎼敮璺侯熆閻熷府鏀荤紒鍌氱Т楗即宕煎锝呬壕闁哄啫鐗嗙粈鍐┿亜韫囧海顦﹀ù婊堢畺閺屻劌鈹戦崱娑扁偓妤€顭胯閸犳牠婀侀梺缁樕戦悷銉р偓姘煎枤缁粯銈ｉ崘鈺冨幈濡炪倖鍔戦崐鏇㈠几鎼淬劍鐓熼煫鍥ь儏閸旀粓鏌曢崶褍顏€殿喗娼欒灒闁告繂瀚濠碉紕鍋戦崐鎴﹀垂濞差亝鍋￠柍鍝勬噹缁犳牠鏌嶉埡浣告殲闁稿海鍠栭弻鏇㈠炊瑜嶇花濠氭煙閸戙倖瀚�
核心提示：前文已经比较具体地谈过“pop window”的一些写法和技巧，现在再对一些没有涉及的内容做一些补充，再论弹出窗口，希望对大家有一些帮助，（一）我们可以不用window.open的方法打开一个窗口，本例使用了一个循环写，作为演示比较清楚，用下面的方法也可以作到：代码如下：<form action="ex
前文已经比较具体地谈过“pop window”的一些写法和技巧，现在再对一些没有涉及的内容做一些补充。
希望对大家有一些帮助。
（一）我们可以不用window.open的方法打开一个窗口，用下面的方法也可以作到：
代码如下：
<form action="example2.htm" target="anotherWindowName">
<input type="SUBMIT" value="Open new window" name="SUBMIT">
</form>
（二）下面的例子首先用传统的方法打开一个小窗口，然后通过右面的连接将一个新的内容写入这个弹出的窗口中。
将文件调入弹出的窗口
代码如下：
<script language="javascript">
<!--
function openwin(){
window.open(′sample1.htm′,′myWindow′);
}
//-->
</script>
<a href="sample2.htm" target="myWindow">将文件写入弹出窗口</a>
（三）假如要显示一张图片，下面的方法也可以：
<form>
<input type="BUTTON" name="BUTTON" value="open picture">
</form>
（四）下面是一个弹出窗口的生成器：
URL Name Width Height Directories Location Menubar Scrollbars Status Toolbar Resizeable
源代码如下：
<SCRIPT LANGUAGE="Javascript">
<!--
function createWindow(what) {
var URL = what.URL.value;
var windowName = what.windowName.value;
var features =
′width=′ + what.width.value +
′,height=′ + what.height.value +
′,directories=′ + (what.directories.checked - 0) +
′,location=′ + (what.location.checked - 0) +
′,menubar=′ + (what.menubar.checked - 0) +
′,scrollbars=′ + (what.scrollbars.checked - 0) +
′,status=′ + (what.status.checked - 0) +
′,toolbar=′ + (what.toolbar.checked - 0) +
′,Resizeable=′ + (what.Resizeable.checked - 0);
window.open (URL, windowName, features);
}
//--></SCRIPT>
<FORM>
URL <INPUT TYPE="TEXT" NAME="URL" VALUE="testpage.htm">
Name <INPUT TYPE="TEXT" NAME="windowName" VALUE="myWindow">
Width <INPUT TYPE="TEXT" NAME="width" VALUE="200">
Height <INPUT TYPE="TEXT" NAME="height" VALUE="200">
<INPUT TYPE="CHECKBOX" NAME="directories"> Directories
<INPUT TYPE="CHECKBOX" NAME="location"> Location
<INPUT TYPE="CHECKBOX" NAME="menubar"> Menubar
<INPUT TYPE="CHECKBOX" NAME="scrollbars"> Scrollbars
<INPUT TYPE="CHECKBOX" NAME="status"> Status
<INPUT TYPE="CHECKBOX" NAME="toolbar"> Toolbar
<INPUT TYPE="CHECKBOX" NAME="Resizeable"> Resizeable
<INPUT TYPE="BUTTON" VALUE="Create It"
>
</FORM>
（五）弹出窗口是非常轻易失去“焦点”的，即只要鼠标点击窗口以外的任意位置该弹出窗口的焦点就失去了。
用下面的方法可以对其进行控制，将如下代码加入弹出窗口中：
<BODY onBlur="window.focus()">
但是，这样做有一个缺陷，即弹出的窗口永远被“聚焦”了，除非你强制关闭它。
没有关系，只要给它加一个“超时控制”即可，即让它只聚焦几秒钟，在这段事件内，访问者有足够的时间看清楚弹出窗口内的内容，然后只要用鼠标点窗口以外的任意位置，就自动关闭了。
<BODY onBlur="setTimeout=(′window.focus()′,1000)">
<BODY onBlur="window.close()">
（六）定位你的窗口，使用screenX ,screenY（NS4） ,top ,left（IE4） 属性。
window.open(′testpage.htm′,′myExample6′,′width=200,height=200,screenX=400,screenY=400,top=400,left=400′);
（七）有没有想过让你的窗口永远居中？即不论窗口的大小时多少，一律显示在窗口的中间？用下面的脚本即可：
<SCRIPT LANGUAGE="JavaScript">
<!--
function centerWindow() {
if (document.all)
var xMax = screen.width, yMax = screen.height;
else
if (document.layers)
var xMax = window.outerWidth, yMax = window.outerHeight;
else
var xMax = 640, yMax=480;
var xOffset = (xMax - 200)/2, yOffset = (yMax - 200)/2;
window.open(′center.htm′,′myExample7′, ′width=200,height=200,screenX=′+xOffset+′,screenY=′+yOffset+′, top=′+yOffset+′,left=′+xOffset+′′);
}
centerWindow();
//-->
</SCRIPT>
注重：本例的打开的窗口是200*200的，假如你的窗口不是这个尺寸，将上面的兰色部分改一下即可。
测试一下吧：
（八）下面的代码可以实现窗口内容的转跳，先打开一个窗口，经过3秒钟后页面自动跳转到另一个页面。
<SCRIPT LANGUAGE="JavaScript">
<!--
myWindow8 = window.open(′blank.htm′,′myExample8′,′width=200,height=200′);
setTimeout("myWindow8.location.href = ′testpage.htm′",3000);
//-->
</SCRIPT>
（九）窗口内容的重写：
<SCRIPT LANGUAGE="JavaScript">
<!--
msgWindow9 = window.open(′testpage.htm′,′myExample9′,′width=200,height=200′);
function update() {
for (var i=0; i < 10; i++)
msgWindow9.document.write(′Message number ′ + i + ′<BR>′);
}
setTimeout(′update()′,3000); //3秒钟后写入。
//-->
</SCRIPT>
说明：注重兰色部分相同，本例使用了一个循环写，作为演示比较清楚，你可以使用.document.write的方法将任何内容写入窗口中。
--------------------------------------------------------------------------------
中查找“再论弹出窗口”更多相关内容
中查找“再论弹出窗口”更多相关内容更多精彩
赞助商链接
