js弹窗代码常用写法 js弹窗代码示例

发布时间:2020-02-08编辑:脚本学堂
分享下js脚本实现的弹窗代码,几种常见弹窗代码的写法,在ie浏览器中测试通过,需要的朋友参考下。

一、最基本的弹出窗口代码
代码:
 

<script language="javascript">
<!--
window.open ('http://www.baidu.com/s?wd=%B4%AE%B4%CA%CD%F8+%B3%C9%D3%EF%B4%F3%C8%AB&rsv')
-->
</script>
<body onload="openwin()">

二、函数控制弹窗代码
 

<script language="javascript">
<!--
function openwin()
{
window.open ("http://www.baidu.com/s?wd=%B4%AE%B4%CA%CD%F8+%B3%C9%D3%EF%B4%F3%C8%AB&rsv")
window.open ("http://www.baidu.com/s?wd=%B4%AE%B4%CA%CD%F8+%B3%C9%D3%EF%B4%F3%C8%AB&rsv")
}
-->
</script>
<body onload="openwin()">

三、参数设置
把以上代码中的http://www.baidu.com/s?wd=%B4%AE%B4%CA%CD%F8+%B3%C9%D3%EF%B4%F3%C8%AB&rsv 换成自己的网址就可以了。
window.open ("http://www.baidu.com/s?wd=%B4%AE%B4%CA%CD%F8+%B3%C9%D3%EF%B4%F3%C8%AB&rsv",

"newwindow", "height=1000, width=1000, top=0, left=0, toolbar=no, menubar=no, scrollbars=no,resizable=no,location=no, status=no")

要打开多个不同页面时,重复写window.open ('http://www.baidu.com/s?wd=%B4%AE%B4%CA%CD%F8+%B3%C9%D3%EF%B4%F3%C8%AB&rsv') 语句,并改写网址,把第二个newwindow,写成newwindow2,依次类推就可以。

参数解释:
 

window.open 弹出新窗口的命令;
"page.html" 弹出窗口的文件名;
"newwindow" 弹出窗口的名字(不是文件名),非必须,可用空"代替;
height=1000 窗口高度;
width=1000 窗口宽度;()
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏;
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;

四、打开新窗口的方法
1、<body onload="openwin()">  载入页面时打开
2、<body onunload="openwin()">  离开页面时打开
3、<a href="http://www.baidu.com/s?wd=%B4%AE%B4%CA%CD%F8+%B3%C9%D3%EF%B4%F3%C8%AB&rsv" onclick="openwin()"  target="_blank" >点击在新窗口中打开</a> 用一个链接打开
4、<input type="button" onClick="openwin()" value="打开窗口">  用一个按钮打开

五、打开一个弹窗三秒钟自动关闭 (注意:以下代码在被打开网页中加入)
 

<script language="javascript">
function closeit()
{set Timeout("self.close()",3000) //毫秒 3秒钟}
< /script>
<body onload="closeit()">

以上介绍了五个js弹窗代码的例子,五种不同的方法实现js弹窗效果,希望对大家有所帮助。