dow.document.write("<BODY BGCOLOR=#FFFFFF>") OpenWindow.document.write("<H1>Hello!</h1>") OpenWindow.document.write("New window opened!") OpenWindow.document.write("</BODY >") OpenWindow.document.write("</HTML>") OpenWindow.document.close() } </script> </head> <body> <a href="#" onclick="openwin()">打开一个窗口</a> <input type="button" onclick="openwin()" value="打开窗口"> </body> </html> 看看OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签都会出现错误。记住用OpenWindow.document.close()结束啊。
【终极应用——弹出窗口的Cookie控制】 回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(你沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?有解决的办法吗?Yes!Follow me。我们使用Cookie来控制一下就可以了。 首先,将如下代码加入主页面HTML的<HEAD>区: <script> function openwin(){ window.open("page.html","","width=200,height=200") } function get_cookie(Name){ var search = Name+ "=" var returnvalue =""; if (document.cookie.length >0){ offset = document.cookie.indexOf(search) if (offset!=-1){ offset += search.length end = document.cookie.indexOf (";",offset); if (end ==-1) end = document.cookie.length; returnvalue =unescape(document.cookie.substring(offset,end)) } } return returnvalue; } function loadpopup(){ if (get_cookie('popped')=="){ openwin() document.cookie="popped=yes" } } </script> 然后,用<body onload="loadpopup()">(注意不是openwin 而是loadpop啊)替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的Pop-Only-Once! 写到这里,弹出窗口的制作和应用技巧基本上算是讲完了,希望对正在制作网页的朋友有所帮助我就非常欣慰了。 需要注意的是,JS脚本中的大小写最好前后保持一致。
a 关闭跳出窗口代码: <script language="Jav上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] ... 下一页 >> (中华企业文化网)
|