经常上网的朋友可能到过这样一些网站,一进入首页立刻会弹出
一个窗口,或者按一个链接或按钮弹出,通常在这个窗口里会显示
一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要
特别提示的信息。其实制作这样的页面非常容易,只要往该页面的
HTML里加入几段javascript代码即可实现。下面我就带你剖析它的奥秘。
1.最基本的弹出窗口代码
引用内容
2.规定大小的窗口代码
引用内容
window.open (’http://www.jsust.com/’,’newwindow’,’height=100,
width=400,top=0,left=0,toolbar=no,menubar=no,
scrollbars=no,resizable=no,
location=no,status=no’)
//写成一行
-->
参数解释:
window.open 弹出新窗口的命令;
page.html 弹出新窗口的文件名;
newwindow 弹出窗口的名字(不是文件名),可用空 ″代替;
height=100 窗口高度;
top=0 窗口距离屏幕上方的像素值;
left=0 窗口距离屏幕左侧的像素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏;
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),
yes为允许;
js脚本结束。
3.用函数控制弹出窗口
引用内容
...任意的页面内容...
这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢?
方法一:
浏览器读页面时弹出窗口;方法二:
浏览器离开页面时弹出窗口;方法三:用一个连接调用:打开一个窗口
注意:使用的"#"是虚连接。
方法四:用一个按钮调用:
这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢?
方法一:
浏览器读页面时弹出窗口;方法二:
浏览器离开页面时弹出窗口;方法三:用一个连接调用:打开一个窗口
注意:使用的"#"是虚连接。