html网页自动提示框代码,多种网页弹出窗口代码

本文详细介绍了如何使用JavaScript实现HTML网页的弹出窗口,包括基本的弹窗代码、自定义大小、函数控制、定时关闭、内包含窗口及Cookie控制等,并提供了各种应用场景的代码示例,帮助读者掌握网页弹窗的制作技巧。
摘要由CSDN通过智能技术生成

经常上网的朋友可能到过这样一些网站,一进入首页立刻会弹出

一个窗口,或者按一个链接或按钮弹出,通常在这个窗口里会显示

一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要

特别提示的信息。其实制作这样的页面非常容易,只要往该页面的

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(),函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢?

方法一:

 浏览器读页面时弹出窗口;

方法二:

 浏览器离开页面时弹出窗口;

方法三:用一个连接调用:打开一个窗口

注意:使用的"#"是虚连接。

  • 0
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值