2023年7月9日发(作者：)

JavaScript⼴告代码⼤全站长必看~JS⼴告代码⼤全经常上⽹的朋友可能到过这样⼀些⽹站，⼀进⼊⾸页⽴刻会弹出⼀个窗⼝，或者按⼀个链接或按钮弹出，通常在这个窗⼝⾥会显⽰⼀些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提⽰的信息。其实制作这样的页⾯⾮常容易，只要往该页⾯的HTML⾥加⼊⼏段Javascript代码即可实现。下⾯我就带你剖析它的奥秘。【经过设置后的弹出窗⼝】

下⾯再说⼀说弹出窗⼝外观的设置。只要再往上⾯的代码中加⼀点东西就可以了。

我们来定制这个弹出窗⼝的外观、尺⼨⼤⼩、弹出位置以适应该页⾯的具体情况。

js脚本结束。【⽤函数控制弹出窗⼝】

下⾯是⼀个完整的代码。

...任意的页⾯内容...

这⾥定义了⼀个函数openwin(),函数内容就是打开⼀个窗⼝。在调⽤它之前没有任何⽤途。怎么调⽤呢？

⽅法⼀： 浏览器读页⾯时弹出窗⼝；

⽅法⼆： 浏览器离开页⾯时弹出窗⼝；

⽅法三：⽤⼀个连接调⽤：打开⼀个窗⼝

注意：使⽤的"#"是虚连接。

⽅法四：⽤⼀个按钮调⽤：【主窗⼝打开⽂件，同时弹出⼩窗⼝】

将如下代码加⼊主窗⼝区：

加⼊区：open即可。【弹出的窗⼝之定时关闭控制】

下⾯我们再对弹出窗⼝进⾏⼀些控制，效果就更好了。如果我们再将⼀⼩段代码加⼊弹出的页⾯（注意是加⼊到的HTML中，可不是主页⾯中，否则…），让它在10秒钟后⾃动关闭是不是更酷了？

⾸先，将如下代码加⼊⽂件的区：

然后，再⽤这⼀句话代替中原有的这⼀句就可以了。（这⼀句话千万不要忘记写啊！这⼀句的作⽤是调⽤关闭窗⼝的代码，10秒钟后就⾃⾏关闭该窗⼝。）【在弹出窗⼝中加上⼀个关闭按钮】

呵呵，现在更加完美了！【内包含的弹出窗⼝——⼀个页⾯两个窗⼝】

上⾯的例⼦都包含两个窗⼝，⼀个是主窗⼝，另⼀个是弹出的⼩窗⼝。

通过下⾯的例⼦，你可以在⼀个页⾯内完成上⾯的效果。

打开⼀个窗⼝

看看()⾥⾯的代码不就是标准的HTML吗？只要按照格式写更多的⾏即可。千万注意多⼀个标签或少⼀个标签都会出现错误。记住⽤()结束啊。【终极应⽤——弹出窗⼝的Cookie控制】

回想⼀下，上⾯的弹出窗⼝虽然酷，但是有⼀点⼩⽑病（你沉浸在喜悦之中，⼀定没有发现吧？）⽐如你将上⾯的脚本放在⼀个需要频繁经过的页⾯⾥（例如⾸页），那么每次刷新这个页⾯，窗⼝都会弹出⼀次，是不是⾮常烦⼈？有解决的办法吗？Yes!Follow me。我们使⽤Cookie来控制⼀下就可以了。

⾸先，将如下代码加⼊主页⾯HTML的区：

然后，⽤（注意不是openwin ⽽是loadpop啊）替换主页⾯中原有的这⼀句即可。你可以试着刷新⼀下这个页⾯或重新进⼊该页⾯，窗⼝再也不会弹出了。真正的Pop-Only-Once!

写到这⾥，弹出窗⼝的制作和应⽤技巧基本上算是讲完了，希望对正在制作⽹页的朋友有所帮助我就⾮常欣慰了。

需要注意的是，JS脚本中的⼤⼩写最好前后保持⼀致。a 关闭跳出窗⼝代码:b 禁⽌另存代码;c 最⼤化窗⼝d 帧页

e 跳出⼴告10000 表⽰⼗秒后弹出 (但实际在六七秒左右弹出)f 跳出 默认当前页⾯

1、收藏本站

说明 点击即可把你的⽹站添加到浏览器的收藏菜单下

代码

收藏本站2、设为⾸页

说明 点击即可把你的⽹站设置为浏览器的起始页

代码

设为⾸页

3、⾃动关闭窗⼝

说明 在⽹页源代码中加⼊下⾯的代码，则该窗⼝将在20秒钟之后⾃动关闭！这与跳出式⼩窗⼝配合使⽤是再好不过啦！代码中“i=20”表⽰关闭的延迟时间为20秒，可任意修改。

代码

4、跳出⼩窗⼝

说明 在打开有下⾯这段代码的页⾯时将会跳出⼀个468x60⼤⼩的⼩窗⼝。“”为跳出的⼩窗⼝⾥所要显⽰的⽹页。toolbar、status、menubar、scrollbars、设置⼩窗⼝的⼯具栏、状态栏、菜单栏及滚动条的有⽆，resizable设置是否可让浏览者改变⼩窗⼝⼤⼩，width、height设置⼩窗⼝的宽度以及⾼度。(不过这样的⼩窗⼝⼀般是不受欢迎的哦！)

代码

5、固定字号⼤⼩

说明 你是否有过这样的经历：⼀个布置得很好的⽹页，当浏览时把浏览器的字号设置成⼤或⼩时，漂亮的⽹页马上⾯⽬全⾮了。因为字的⼤⼩变了，版式⾃然乱了。现在好了，只要把下⾯这段代码加⼊到⽹页源⽂件的与之间就⾏了(对⽤标签定义的⽂字⽆效)。

代码

6、⽂本⾃动向上循环滚动

说明: ⽂本⾃动向上循环滚动，⿏标放到上⾯还会暂时停下来。

代码：

7、舞台光柱照射的效果

说明: 页⾯产⽣舞台光柱照射的效果

代码:

8、百页窗的效果

说明 进⼊页⾯时，页⾯产⽣百页窗似的的效果

代码