JavaScript⼴告代码⼤全
站长必看~JS⼴告代码⼤全
经常上⽹的朋友可能到过这样⼀些⽹站，⼀进⼊⾸页⽴刻会弹出⼀个窗⼝，或者按⼀个链接或按钮弹出，通常在这个窗⼝⾥会显⽰⼀些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提⽰的信息。其实制作这样的页⾯⾮常容易，只要往该页⾯的HTML⾥加⼊⼏
段Javascript代码即可实现。下⾯我就带你剖析它的奥秘。
【经过设置后的弹出窗⼝】
下⾯再说⼀说弹出窗⼝外观的设置。只要再往上⾯的代码中加⼀点东西就可以了。
我们来定制这个弹出窗⼝的外观、尺⼨⼤⼩、弹出位置以适应该页⾯的具体情况。
<SCRIPT LANGUAGE=">
<!--
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>
参数解释：
<SCRIPT LANGUAGE="javascript"> js脚本开始；
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为允许；
</SCRIPT> js脚本结束。
【⽤函数控制弹出窗⼝】
下⾯是⼀个完整的代码。
<html>
<head>
<script LANGUAGE="JavaScript">
<!--
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 "openwin()">
...任意的页⾯内容...
</body>
</html>
这⾥定义了⼀个函数openwin()，函数内容就是打开⼀个窗⼝。在调⽤它之前没有任何⽤途。怎么调⽤呢？
⽅法⼀：<body "openwen()"> 浏览器读页⾯时弹出窗⼝；
⽅法⼆：<body οnunlοad="openwen()"> 浏览器离开页⾯时弹出窗⼝；
⽅法三：⽤⼀个连接调⽤：<a href="#" οnclick="openwin()">打开⼀个窗⼝</a>
注意：使⽤的"#"是虚连接。
⽅法四：⽤⼀个按钮调⽤：<input type="button" οnclick="openwin()" value="打开窗⼝">
【主窗⼝打开⽂件1.htm，同时弹出⼩窗⼝page.html】
将如下代码加⼊主窗⼝<head>区：
<script language="javascript">
<!--
function openwin(){
window.open("page.html","","width=200,height=200")
}
//-->
</script>
加⼊<body>区：<a href="1.htm" οnclick="openwin()">open</a>即可。
【弹出的窗⼝之定时关闭控制】
下⾯我们再对弹出窗⼝进⾏⼀些控制，效果就更好了。如果我们再将⼀⼩段代码加⼊弹出的页⾯（注
意是加⼊到page.html的HTML中，可不是主页⾯中，否则…），让它在10秒钟后⾃动关闭是不是更酷了？
⾸先，将如下代码加⼊page.html⽂件的<head>区：
<script language="JavaScript">
function closeit() {
setTimeout("self.close()",10000) //毫秒
}
</script>
然后，再⽤<body "closeit()">这⼀句话代替page.html中原有的<BODY>这⼀句就可以了。（这⼀句话千万不要忘记写啊！这⼀句的作⽤是调⽤关闭窗⼝的代码，10秒钟后就⾃⾏关闭该窗⼝。）
【在弹出窗⼝中加上⼀个关闭按钮】
<FORM>
<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'>
</form>
呵呵，现在更加完美了！
【内包含的弹出窗⼝——⼀个页⾯两个窗⼝】
上⾯的例⼦都包含两个窗⼝，⼀个是主窗⼝，另⼀个是弹出的⼩窗⼝。
通过下⾯的例⼦，你可以在⼀个页⾯内完成上⾯的效果。
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
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="#" οnclick="openwin()">打开⼀个窗⼝</a>
<input type="button" οnclick="openwin()" value="打开窗⼝">
</body>
</html>
看看OpenWindow.document.write()⾥⾯的代码不就是标准的HTML吗？只要按照格式写更多的⾏即可。千万注意多⼀个标签或少⼀个标签都会出现错误。记住⽤OpenWindow.document.close()结束啊。
【终极应⽤——弹出窗⼝的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 returnvalue ="";
if (kie.length >0){
offset = kie.indexOf(search)
if (offset!=-1){
offset += search.length
end = kie.indexOf (";",offset);
if (end ==-1)
end = kie.length;
returnvalue =kie.substring(offset,end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')=="){
openwin()
}
}
</script>
然后，⽤<body "loadpopup()">（注意不是openwin ⽽是loadpop啊）替换主页⾯中原有的<BODY>这⼀句即可。你可以试着刷新⼀下这个页⾯或重新进⼊该页⾯，窗⼝再也不会弹出了。真正的Pop-Only-Once!
写到这⾥，弹出窗⼝的制作和应⽤技巧基本上算是讲完了，希望对正在制作⽹页的朋友有所帮助我就⾮常欣慰了。
需要注意的是，JS脚本中的⼤⼩写最好前后保持⼀致。
a 关闭跳出窗⼝代码:
<script language="JavaScript">
<!--
var exit=true;
function ext()
{
if (exit)
window.open ('www.qqee');
}
//-->            </script>
<body οnunlοad="ext()">
b  禁⽌另存代码;
<NOSCRIPT><IFRAME SRC=*.html></IFRAME></NOSCRIPT>
c 最⼤化窗⼝
<script  language="JavaScript">
</script>
d 帧页
<IFRAME SRC="guanggao/kan88_guanbi.htm" WIDTH="0" HEIGHT="0" MARGINWIDTH="0" MARGINHEIGHT="0"
HSPACE="0" VSPACE="0" FRAMEBORDER="0" SCROLLING="no"></IFRAME>
e 跳出⼴告
<script language="JavaScript"><!--
function opencolortext(){
window.open('film/)
}
setTimeout("opencolortext()",10000)
// --></script>
10000 表⽰⼗秒后弹出 (但实际在六七秒左右弹出)
f 跳出 默认当前页⾯
<SCRIPT language=javascript> window.open ('vv11', '_new', 'height=500, width=600, top=0, left=0, toolbar=yes, menubar=yes, scrollbars=yes, resizable=yes,location=yes, status=yes');window.focus()</SCRIPT>
1、收藏本站
说明 点击即可把你的⽹站添加到浏览器的收藏菜单下
代码
<span onClick="al.addFavorite('www.66xx','站长信息⽹')" title="搜索⽹">收藏本站</span>
2、设为⾸页
说明 点击即可把你的⽹站设置为浏览器的起始页
代码
<span οnclick="var
strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('www.66xx');"
>设为⾸页</span>
3、⾃动关闭窗⼝
说明 在⽹页源代码中加⼊下⾯的代码，则该窗⼝将在20秒钟之后⾃动关闭！这与跳出式⼩窗⼝配合使⽤是再好不过啦！代码
中“i=20”表⽰关闭的延迟时间为20秒，可任意修改。
javascript说明代码
<script language="javascript">
<!--
function clock(){i=i-1
document.title="本窗⼝将在"+i+"秒后⾃动关闭!";
if(i>0)setTimeout("clock();",1000);
else self.close();}
var i=20
clock();
//-->
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。