网页制作技术之Javascript精华代码集

日期：2007年7月6日作者：查看:[大字体中字体小字体]

【1、普通的弹出窗口】

<SCRIPT LANGUAGE=javascript>

</SCRIPT>

　　是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。用单引号和双引号都可以，只是不要混用。

【2、经过设置后的弹出窗口】

<SCRIPT LANGUAGE=javascript>

</SCRIPT>

　　参数解释：

<SCRIPT LANGUAGE=javascript> js脚本开始；
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为允许；
</SCRIPT> js脚本结束

【3、用函数控制弹出窗口】

　　下面是一个完整的代码。

<html>
<head>
<script LANGUAGE=javascript>

</script>
</head>
<body onload=openwin()>
.....
</body>
</html>

　　这里定义了一个函数openwin(),怎么调用呢？

　　方法一：<body onload=openwin()> 浏览器读页面时弹出窗口；
　　方法二：<body onunload=openwin()> 浏览器离开页面时弹出窗口；
　　方法三：用链接调用：方法四：用按钮调用：

【4、同时弹出2个窗口】

　　对源代码稍微改动一下：

<script LANGUAGE=javascript>
<!--
function openwin() {
window.open (page.html, newwindow, height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no)
[1] [2] [3] [4] [5] [6] [7] [8] [9] [10] 下一页
网页制作技术之Javascript精华代码集相关文章：
·网页制作技术之Javascript精华代码集
网页制作技术之Javascript精华代码集相关软件

上一篇:网页实例：JS+CSS打造可拖动的聊天窗口层

下一篇:制作网页技巧：通过JavaScript实现页面自适应

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

网页制作技术之Javascript精华代码集

精品推荐

热点TOP10

特别推荐