Wed, 26 Aug 2009 04:05:00 GMT

前言:�l�常上网的朋友可能会到过�q�样一些网站，一�q�入首页立刻会弹��Z��个窗口，或者按一个连接或按钮弹出�Q�通常在这个窗口里会显�C�Z��些注意事��V��版权信�?、警告、欢�q�光��之�cȝ��话或者作者想要特别提�C�的信息。其实制作这��L��面效果非常的容易，只要往该页面的HTML里加入几�D�Javascript代码卛_��实现。下面我��带您剖析它的奥�U��?

　 �?、最基本的弹出窗口代码�?/td>

　　
　　
　　
　　因�ؓ着是一�D�javascripts代码�Q�所以它们应该放�?lt;SCRIPT LANGUAGE="javascript">标签�?lt;/script>之间�?lt;!-- �?-->是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作�ؓ文本昄��出来。要��L��q�个好习惯啊。window.open ('page.html') 用于控制弹出新的�H�口page.html�Q�如果page.html不与�ȝ��口在同一路径下，前面应写明�\径，�l�对路径(http://)和相对�\�?../)均可。用单引号和双引号都可以�Q�只是不要�؜用。这一�D�代码可以加入HTML的�Q意位�|�，�?lt;/head>之间可以�Q?lt;body>�?lt;/body>也可以，��前��早执行�Q�尤其是��面代码长，又想佉K��面早点弹出就��量往前放�?/div>

　 �?、经�q�设�|�后的弹出窗口�?/td>

　　
　　下面再说一说弹出窗口的讄��。只要再往上面的代码中加一点东西就可以了�?我们来定制这个弹出的�H�口的外观，��寸大小�Q�弹出的位置以适应该页面的具体情况�?/td>

　　
　　参数解释�Q?
　　
　　 js脚本�l�束

　 �?、用函数控制弹出�H�口�?/td>

　　
　　下面是一个完整的代码�?
　　
　　
　　
　　
　　
　　��L��的页面内�?..
　　
　　

　　�q�里定义了一个函数openwin(),函数内容��是打开一个窗口。在调用它之前没有�Q何用途。怎么调用呢？

　　�Ҏ��一�Q?lt;body onload="openwin()"> ��览器读��面时弹出窗口；
　　�Ҏ��二： ��览器离开��面时弹出窗口；
　　�Ҏ��三：用一个连接调用：
　　打开一个窗�?lt;/a>
　　注意�Q��用的�?”是虚连接�?
　　�Ҏ��四：用一个按钮调用：
　　

　 �?、同时弹�?个窗口�?/td>

　　
　　 �Ҏ��代码�E�微改动一下：
　　
　　
　　为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要�怺�覆盖卛_�� 。最后用上面说过的四�U�方法调用即可�?
　　注意�Q?个窗口的name(newwindows和newwindow2)不要相同�Q�或者干脆全部�ؓ�I��?

　 �?、主�H�口打开文�g1.htm�Q�同时弹出小�H�口page.html�?/td>

　　如下代码加入�ȝ��?lt;head>区：

　　
　　加入区：
　　open卛_��?

　 �?、弹出的�H�口之定时关闭控制�?/td>

　　
　　下面我们再对弹出的窗口进行一些控�Ӟ��效果��更好了。如果我们再��一��段代码加入弹出的页�?注意是加入page.html的HTML中，可不是主��面中，否则 ...)�Q�让�?0�U�后自动关闭是不是更酷了�Q?
首先�Q�将如下代码加入page.html文�g�?lt;head>区：
　　
　　然后�Q�再�?lt;body onload="closeit()"> �q�一句话代替page.html中原有的�q�一句就可以了�?�q�一句话千万不要忘记写啊�Q�这一句的作用是调用关闭窗口的代码�Q?0�U�钟后就自行关闭该窗口�?

　 �?、在弹出�H�口中加上一个关闭按钮�?

　　

　　呵呵�Q�现在更加完��了�Q?br />
　 �?、内包含的弹出窗�?一个页面两个窗口�?

　　上面的例子都包含两个�H�口�Q�一个是�ȝ��口，另一个是弹出的小�H�口。通过下面的例子，你可以在一个页面内完成上面的效果�?

　　
　　
　　
　　
　　
　　打开一个窗�?lt;/a>
　　
　　
　　

　　看看OpenWindow.document.write()里面的代码不��是标准的HTML吗？只要按照格式写更多的行即可。千万注意多一个标�{�或��一个标�{�ְ�会出现错误。记得用 OpenWindow.document.close()�l�束啊�?

　 �?、终极应�?-弹出的窗口之Cookie控制�?

　　回想一下，上面的弹出窗口虽焉��Q�但是有一点小毛病(沉浸在喜悦之中，一�?没有发现吧？)比如你将上面的脚本放在一个需要频�J�经�q�的��面�?例如首页)�Q�那么每�ơ刷新这个页面，�H�口都会弹出一�ơ，是不是非常烦人？:-(
　　有解决的办法吗？Yes! ;-) Follow me.我们使用cookie来控制一下就可以了�?
　　首先�Q�将如下代码加入主页面HTML�?lt;HEAD>区：

　　然后�Q�用�Q�注意不是openwin而是loadpop啊！�Q�替换主��面中原有的�q�一句即可。你可以试着��h��一下这个页面或重新�q?入该��面�Q�窗口再也不会弹��Z��。真正的Pop-Only-Once�Q?

　　写到�q�里弹出�H�口的制作和应用技巧基本上��是完成�?/p>

J2EE Home工作�?/a> 2009-08-26 12:05 发表评论

中文字幕一区二区精品区,国产一级二级三级在线观看,日韩国产精品视频