JavaScript 弹出窗口代码大全javascript

如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞

出来的,我们今天就来学习一下:

1.弹启一个全屏窗口

;

www.126.com

2.弹启一个被f11化后的窗口

;

www.kunde58.com

3.弹启一个带有收藏链接工具栏的窗口

www.baidu.com

4.网页对话框

www.baidu.com

http://www.baidu.com

showmodaldialog()或是showmodelessdialog() 来调用网页对话框,至于showmodaldialog()与

showmodelessdialog()的区别,在于showmodaldialog()打开的窗口(简称模式窗口),置在父窗口上,

必须关闭才能访问父窗口(建议尽量少用,以免招人反感);showmodelessdialog()

dialogheight: iheight 设置对话框窗口的高度。

dialogwidth: iwidth 设置对话框窗口的宽度。

dialogleft: ixpos 设置对话框窗口相对于桌面左上角的left位置。

dialogtop: iypos 设置对话框窗口相对于桌面左上角的top位置。

center: {yes | no | 1 | 0 } 指定是否将对话框在桌面上居中,默认值是“yes”。

help: {yes | no | 1 | 0 } 指定对话框窗口中是否显示上下文敏感的帮助图标。默认值是“yes”。

resizable: {yes | no | 1 | 0 } 指定是否对话框窗口大小可变。默认值是“no”。

status: {yes | no | 1 | 0 } 指定对话框窗口是否显示状态栏。对于非模式对话框窗口,默认值是

“yes”;对于模式对话框窗口,默认值是 “no”。

5、其他弹出窗口代码

经常上网的朋友可能到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个链接或按钮弹出,

通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信

息。其实制作这样的页面非常容易,只要往该页面的html里加入几段java script代码即可实现。下面我

就带你剖析它的奥秘。

【最基本的弹出窗口代码】

其实代码非常简单:

因为这是一段java script代码,所以它们应该放在标签和

之间。是对一些版本低的浏览器起作用,在这些老浏览器中如果不支持java script,不会将标

签中的代码作为文本显示出来。

window.open (’page.html’)用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径

下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以,只是不要混

用。

这一段代码可以加入html的任意位置,加入到

将如下代码键入body区:

//pop when leave page

或者:

//pop when enter page

你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的pop-only-once!

写到这里,弹出窗口的制作和应用技巧基本上算是讲完了,希望对正在制作网页的朋友有所帮助我就非常

欣慰了。

需要注意的是,js脚本中的大小写最好前后保持一致。

没有菜单、工具栏、地址栏的弹出窗口:

方法二:cookies应用:控制弹出窗口 当我们在一个页面中设置一个pop弹出窗口后,每次只要重新浏览该

页面,pop窗口就会自动弹出来,造成不必要的麻烦。那么怎么解决这个问题呢? 我在这里用一个简单的

例子讲解一下如何通过操作cookies让弹出窗口只在第一次浏览该页面时弹出,以后就不再招人烦了!

将上面的代码键入body区://离开页面的时候弹出

或者://打开页面的时候弹出

【本文版权归作者与奥索网共同拥有,如需转载,请注明作者及出处】

离开页面时弹开窗口效果:

效果:别人关闭这个页面的时候,弹出一个窗口,你可以写一些祝福的话

核心代码: