- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
(网页弹窗代码十全十美版
经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息.其实制作这样的页面效果非常的容易,只要往该页面的HTML里加入几段Javascript代码即可实现.下面俺就带您剖析它的奥秘.
1.[最基本的弹出窗口代码]
其实代码非常简单:
SCRIPT LANGUAGE=javascript //JS脚本开始,定义使用javascript类型语言
!-- //对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来
window.open (page.html)
-- //对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来
/SCRIPT //JS脚本结束
因为这是一段javascripts代码,所以它们应该放在SCRIPT LANGUAGE=javascript标签和/script之间.!-- 和 --是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来.要养成这个好习惯啊.window.open (page.html) 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径()和相对路径(../)均可.用单引号和双引号都可以,只是不要混用.这一段代码可以加入HTML的任意位置,head和/head之间可以,body间/body也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放.
2.[警告弹窗]
还有就是我们可能会打开一个恶搞网页,结果不断地弹出窗口,没完没了,其实就是不断地警告提示,代码如:
script type=text/javascript
alert(哈哈,你上当了);
/script
只要把上面这段代码复制到一个网页代码的body和/body之间,保存后在浏览器中打开这个网页,就可以看到弹窗了.如果想不断地弹窗,就把上面的代码复制N遍,把引号里面的文字换成想对上当的人说的话就行了.
3.[经过设置后的弹出窗口]
下面再说一说弹出窗口的设置.只要再往上面的代码中加一点东西就可以了.我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况.
SCRIPT LANGUAGE=javascript
!--
window.open (, newwindow, height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no)
--
/SCRIPT
参数解释: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为允许;
4.[用函数控制弹出窗口]
下面是一个完整的代码:
html
head
script LANGUAGE=JavaScript
!--
function openwin() {
window.open (, newwindow, height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no)
//写成一行
}
//--
/script
/head
body onload=openwin()
//...任意的页面内容...
/body
/html
这里定义了一个函数openwin(),函数内容就是打开一个窗口.在调用它之前没有任何用途.怎么调用呢?方法一:body onload=openwin() 浏览器读页面时弹出窗口;方法二:body onunload=openwin() 浏览器
您可能关注的文档
最近下载
- (2024秋新版)人教版七年级数学上册全册PPT课件.pptx
- dixell帝思 xc15cx-xc35cx 调试维修参数设置资料.pdf
- transcad交通需求模型手册_chapter12公交分配.pdf VIP
- 高校后勤餐饮经营发展探究——以浙江树人大学为例.pdf VIP
- 幼儿园教室环创培训.pptx VIP
- 2023辽宁沈阳市铁西区面向全区招聘社区残疾人工作专职干事8人考试备考题库及答案解析.docx VIP
- 2025年安徽省池州市辅警协警笔试笔试预测试题(附答案).docx VIP
- 《追求理解的教学设计》读书心得.docx VIP
- 糖皮质激素诱导骨质疏松诊治专家共识.pptx VIP
- 2025内蒙古巴彦淖尔市能源(集团)有限公司第二批招聘55人笔试模拟试题及答案解析.docx VIP
文档评论(0)