弹出窗口不烦人

数码时尚

刘亭

　　弹出窗口如果合理正确的利用起来，并不“烦人”。

　　1.制作基本弹出窗口

　　在需要弹出窗口的网页文件的＜body＞＜/body＞之间输入如下代码：

　　＜script language="javascript"＞

　　＜!--

　　window.open ('tanchu.htm', 'height=200, width=300, top=0, left=24, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')

　　--＞

　　＜/script＞

　　其中“tanchu.htm”是指定的弹出页面，如果你的弹出页面文件不和主窗口文件在一个目录下，就要指向正确的绝对路径(http://)或是相对路径(../)。

　　2.自动定时关闭

　　为了不让访问者反感，对弹出窗口进行定时自动关闭是非常有必要的。

　　首先是打开自动弹出页面文件，如上文我们提到的“tanchu.htm”，将如下代码加入＜head＞和＜/head＞之间：

　　＜script language="JavaScript"＞

　　function lu() {

　　setTimeout("self.close()",10000)

　　}

　　＜/script＞

　　最后，再用＜body onload="lu()"＞ 这一句代码代替"tanchu.htm"中原有的＜body＞这一句就可以了。时间的单位是毫秒，这样100秒钟后弹出窗口就会自行关闭。

　　3.只弹出一次的窗口

　　如果访问者点击了一个链接转到了下一页，而他又点后退按钮返回到了刚才的页面，这样弹出窗口将再一次的弹出，难免会让访问者感到反感。只让页面弹出一次，会使你的网站贴近访问者。打开引用了弹出窗口的网页，在＜head＞＜/head＞之间插入如下代码：

　　＜script language="JavaScript"＞

　　function openpopup(){

　　window.open("tanchu.htm","","width=300,height=300")}

　　function get_cookie(Name) {

　　var search = Name + "="

　　var returnvalue = "";

　　if (document.cookie.length ＞ 0) {

　　offset = document.cookie.indexOf(search)

　　if (offset != -1) { //if cookie exists

　　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')==''){

　　openpopup()

　　document.cookie="popped=yes"}}

　　loadpopup()＜/script＞

　　这段代码是使用了cookie来控制的，首先使用cookie让浏览器记住这个弹出页面已经打开过一次了，如果再次引用这个页面的话将不进行打开。而浏览器一旦关闭，保存这个记录的cookie文件将被删除。因此关闭浏览器，再次打开的话弹出窗口还会出现的，从而确保了在原有的窗口基础上只打开一个窗口。