javascript弹出窗口代码大全javascript

如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下:

1.弹启一个全屏窗口

;

www.kunde58.com

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

;

www.kunde58.com

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

www.wangye8.com

4.网页对话框

www.wangye8.com

http://www.wangye8.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区://离开页面的时候弹出

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

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

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

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

核心代码:

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/