js弹窗代码 js经典弹窗代码大全_js广告代码

当前位置：首页 > 脚本编程 > javascript实例 > js广告代码 > 正文

js弹窗代码 js经典弹窗代码大全: 发布时间：2019-09-29编辑：脚本学堂

分享一些js弹窗代码，各种种类的js弹窗代码，用于广告弹窗，js经典弹窗代码大全，有需要的朋友参考下。

本节内容：
各种种类的js弹窗代码

1、超完美弹窗代码
功能：5小时弹一次+背后弹出+自动适应不同分辩率+准全屏显示
代码：

复制代码代码示例:

<script> 

function openwin(){ 

window.open(http://www.leduz.com,"pop1","width="+(window.screen.width-15)+",height="+(window.screen.height-170)

+",left=0,top=0,toolbar=yes,menubar=yes,scrollbars=yes,resizable=yes,location=yes,status=yes")

settimeout("focus();",5); 

} 

function get_cookie(name) { 

var search = name + "=" 

var return＆#118alue = ""; 

if (documents＆#46cookie.length > 0) { 

offset = documents＆#46cookie.indexof(search) 

if (offset != -1) { 

offset += search.length 

end = documents＆#46cookie.indexof(";", offset); 

if (end == -1) 

end = documents＆#46cookie.length; 

return＆#118alue=unescape(documents＆#46cookie.substring(offset, end)) 

} 

} 

return return＆#118alue; 

} 

function set() 

{ 

　　var then = new date()　　　　 

　　then.settime(then.gettime() + 5*60*60*1000 ) 

　　documents＆#46cookie = "popped1=yes;expires="+ then.togmtstring() 

}

function loadpopup(){ 

if (get_cookie('popped1')=='') 

{ 

openwin() 

set() 

} 

} 

settimeout("loadpopup()",5);

</script>

2.最基本的弹出窗口代码

复制代码代码示例:

<script language="＆#106avascript"> 

<!-- 

window.open ('page.html') 

--> 

</script>

因为着是一段＆#106avascripts代码，所以它们应该放在<script language="＆#106avascript">标签和</script>之间。
是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。
window.open ('page.html') 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同一路径下，前面应写明路径，绝对路径
(http://)和相对路径(../)均可。用单引号和双引号都可以，只是不要混用。
这一段代码可以加入html的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越前越早执行，尤其是页面代码长，又想
使页面早点弹出就尽量往前放。

3、经过设置后的弹出窗口
弹出窗口的设置。只要再往上面的代码中加一点东西即可。
定制这个弹出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。

复制代码代码示例:

<script language="＆#106avascript"> 

<!-- 

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0, toolbar=no, menubar=no, scrollbars=no,

resizable=no,location=no, status=no') 

//写成一行 

--> 

</script>

参数解释：

4、用函数控制弹出窗口
完整的代码。

复制代码代码示例:

<html> 

<head> 

<script language="＆#106avascript"> 

<!-- 

function openwin() { window.open ("page.html", "newwindow", "height=100, width=400, toolbar= 

no, menubar=no, scrollbars=no, resizable=no, location=no, status=no" 

//写成一行 

} 

//--> 

</script> 

</head> 

<body > 

...任意的页面内容... 

</body> 

</html>

这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢？
方法一：<body > 浏览器读页面时弹出窗口；
方法二：<body > 浏览器离开页面时弹出窗口；
方法三：用一个连接调用：
<a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" _fcksavedurl=""#"" ＆#111nclick="openwin()">打开一个窗口</a>
注意：使用的“#”是虚连接。
方法四：用一个按钮调用：

复制代码代码示例:

5、时弹出2个窗口
对源代码稍微改动一下：

复制代码代码示例:

<script language="＆#106avascript"> 

<!-- 

function openwin() 

{ window.open ("page.html", "newwindow", "height=100, width=100, top=0,left=0,toolbar=no, menubar=no, scrollbars=no,

resizable=no, location=no, status=no" 

//写成一行 

window.open ("page2.html", "newwindow2", "height=100, width=100, top=100, left=100,toolbar=no, menubar=no,

scrollbars=no, resizable=no, location=no, status=no" 

//写成一行 

} 

//--> 

</script>

为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面说过的四种方法调用即可。
注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。ok？

6、主窗口打开文件1.htm，同时弹出小窗口page.html
如下代码加入主窗口<head>区：

复制代码代码示例:

<script language="＆#106avascript"> 

<!-- 

function openwin() 

{window.open("page.html","","width=200,height=200" 

} 

//--> 

</script> 

加入<body>区： 

<a href="1.htm" ＆#111nclick="openwin()">open</a>即可。

7、弹出的窗口之定时关闭控制
再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的html中，
可不是主页面中，否则...)，让它10秒后自动关闭是不是更酷了？
首先，将代码加入page.html文件的<head>区：

复制代码代码示例:

<script language="＆#106avascript"> 

function closeit() 

{settimeout("self.close()",10000) //毫秒} 

</script>

然后，再用<body > 这一句话代替page.html中原有的<body>这一句就可以了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭
窗口的代码，10秒钟后就自行关闭该窗口。)

8、在弹出窗口中加上一个关闭按钮

复制代码代码示例:

<form> 

<input type='button' ＆#118alue='关闭' ＆#111nclick='window.close()'> 

</form>

9、内包含的弹出窗口,一个页面两个窗口
上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。
通过下面的例子，你可以在一个页面内完成上面的效果。

复制代码代码示例:

<html> 

<head> 

<script language="＆#106avascript"> 

function openwin() 

{openwindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no"; 

//写成一行 

openwindow.document.write("<title>例子</title>" 

openwindow.document.write("<body bgcolor=#ffffff>" 

openwindow.document.write("<h1>hello!</h1>" 

openwindow.document.write("new window opened!" 

openwindow.document.write("</body>" 

openwindow.document.write("</html>" 

openwindow.document.close()} 

</script> 

</head> 

<body> 

<a href="#" ＆#111nclick="openwin()">打开一个窗口</a> 

<input type="button" ＆#111nclick="openwin()" ＆#118alue="打开窗口"> 

</body> 

</html>

看看 openwindow.document.write()里面的代码不就是标准的html吗？只要按照格式写更多的行即可。千万注意多一个标签或少一个标
签就会出现错误。记得用openwindow.document.close()结束啊。

10、终极应用--弹出的窗口之cookie控制
回想一下，上面的弹出窗口虽然酷，但是有一点小毛病(沉浸在喜悦之中，一定没有发现吧？)比如你将上面的脚本放在一个需要频繁经
过的页面里(例如首页)，那么每次刷新这个页面，窗口都会弹出一次，是不是非常烦人？:-(有解决的办法吗？yes! ;-) follow me.
我们使用cookie来控制一下就可以了。
首先，将如下代码加入主页面html的<head>区：

复制代码代码示例:

<script> 

function openwin() 

{window.open("page.html","","width=200,height=200"} 

function get_cookie(name) 

{var search = name + "=" 

var return＆#118alue = ""; 

if (documents＆#46cookie.length > 0) { 

offset = documents＆#46cookie.indexof(search) 

if (offset != -1) { 

offset += search.length 

end = documents＆#46cookie.indexof(";", offset); 

if (end == -1) 

end = documents＆#46cookie.length; 

return＆#118alue=unescape(documents＆#46cookie.substring(offset,end)) 

} 

} 

return return＆#118alue; 

} 

function loadpopup(){ 

if (get_cookie('popped')==''){ 

openwin() 

documents＆#46cookie="popped=yes" 

} 

} 

</script>

然后，用<body >（注意不是openwin而是loadpop啊！）替换主页面中原有的<body>这一句即可。你可以试着刷新一下这个页面或重新
进入该页面，窗口再也不会弹出了。真正的pop-only-once！
强力弹窗代码:

复制代码代码示例:

上一篇：js网页右下角浮动弹窗代码右下角弹出广告代码
下一篇：js多种弹窗广告代码

与 js弹窗代码 js经典弹窗代码大全有关的文章

本文标题：js弹窗代码 js经典弹窗代码大全
本页链接：http://www.jb200.com/article/24781.html

浏览排行

栏目分类

热点文章

js弹窗代码 js经典弹窗代码大全