欢迎来到m1938工作室
提交工单

各种页面常用的弹窗代码大全 弹窗广告代码定时跳转代码

  • 企业网站教程
  • 时间:08/23
  • 阅读:7612

1.超级弹窗代码(MYIE也照弹) 复制内容到剪贴板
代码:<script language="javascript">
focusid=setTimeout("focus();window.showModelessDialog('https://www.m1938.com','','scroll:1;status:0;help:0;resizable:1;dialogWidth:0px;dialogHeight:0px')",0000)
</script>
2.网页弹窗代码大全
经常上网的朋友可能会到过这样一些网站,一进入首页立刻会弹出一个窗口,或者按一个连接或按钮弹出,通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易,只要往该页面的html里加入几段javascript代码即可实现。下面俺就带您剖析它的奥秘。
【1、最基本的弹出窗口代码】
其实代码非常简单: 复制内容到剪贴板 代码:<script language="javascript">
<!--
window.open ('page.html')
-->
</script>
因为着是一段javascripts代码,所以它们应该放在<script language="javascript">标签和</script>之间。<!-- 和 -->是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。
window.open ('page.html') 用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http://)和相对路径(../)均可。用单引号和双引号都可以,只是不要混用。
这一段代码可以加入html的任意位置,<head>和</head>之间可以,<body>间</body>也可以,越前越早执行,尤其是页面代码长,又想使页面早点弹出就尽量往前放。
【2、经过设置后的弹出窗口】
下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。
我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。 复制内容到剪贴板代码:<script language="javascript">
<!--
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 窗口高度;
width=400 窗口宽度;
top=0 窗口距离屏幕上方的象素值;
left=0 窗口距离屏幕左侧的象素值;
toolbar=no 是否显示工具栏,yes为显示;
menubar,scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小,yes为允许;
location=no 是否显示地址栏,yes为允许;
status=no 是否显示状态栏内的信息(通常是文件已经打开),yes为允许;
</script> js脚本结束
【3、用函数控制弹出窗口】
下面是一个完整的代码。 复制内容到剪贴板 代码:<html>
<head>
<script language="javascript">
<!--
function openwin() { window.open ("m1938.com.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="#" >打开一个窗口</a>
注意:使用的"#"是虚连接。
方法四:用一个按钮调用:
<input type="button"value="打开窗口">
【4、同时弹出2个窗口】
对源代码稍微改动一下:
复制内容到剪贴板
代码:
<script language="javascript">
<!--
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?
【5、主窗口打开文件1.htm,同时弹出小窗口page.html】
如下代码加入主窗口<head>区:
复制内容到剪贴板
代码:
<script language="javascript">
<!--
function openwin()
{window.open("page.html","","width=200,height=200")
}
//-->
</script>
加入<body>区:
复制内容到剪贴板
代码:
<a href="/1.htm" >open</a>
即可。
【6、弹出的窗口之定时关闭控制】
下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的html中,可不是主页面中,否则...),让它10秒后自动关闭是不是更酷了?
首先,将如下代码加入page.html文件的<head>区:
复制内容到剪贴板
代码:
<script language="javascript">
function closeit()
{settimeout("self.close()",10000) //毫秒}
</script>
然后,再用<body > 这一句话代替page.html中原有的<body>这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10秒钟后就自行关闭该窗口。)
【7、在弹出窗口中加上一个关闭按钮】
复制内容到剪贴板
代码:
<form>
<input type='button' value='关闭' οnclick='window.close()'>
</form>
呵呵,现在更加完美了!
【8、内包含的弹出窗口-一个页面两个窗口】
上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。
通过下面的例子,你可以在一个页面内完成上面的效果。
复制内容到剪贴板
代码:
<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="#" >打开一个窗口</a>
<input type="button"value="打开窗口">
</body>
</html>
看看 openwindow.document.write()里面的代码不就是标准的html吗?只要按照格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用openwindow.document.close()结束啊。
【9、终极应用--弹出的窗口之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 (documents.cookie.length > 0) {
offset = documents.cookie.indexof(search)
if (offset != -1) {
offset += search.length
end = documents.cookie.indexof(";", offset);
if (end == -1)
end = documents.cookie.length;
returnvalue="/(documents.cookie.substring(offset,end))"
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openwin()
documents.cookie="popped=yes"
}
}
</script>
然后,用<body >(注意不是openwin而是loadpop啊!)替换主页面中原有的<body>这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的pop-only-once!
写到这里弹出窗口的制作和应用技巧基本上算是完成了,俺也累坏了,一口气说了这么多,希望对正在制作网页的朋友有所帮助俺就非常欣慰了。
需要注意的是,js脚本中的的大小写最好前后保持一致。
3.一个强制弹窗代码
一个强制弹窗代码
将下面的代码保存为一个.JS文件
复制内容到剪贴板
代码:

function ForceWindow ()
{
if (!(this.isMsie = (/MSIE/).test(navigator.appVersion)))
{
this.f = document.createElement_x("FORM");
this.f.target = "_blank";
this.f.method = "post";
document.documentElement.insertBefore(this.f, document.documentElement.childNodes[0]);
}
}

ForceWindow.prototype.pop = function (sUrl)
{
if (this.isMsie)
{
var dialogC;
dialogConent += "<a href='" + sUrl + "' target='_blank' id='iecn' style='display:none;'>iecn</a>";
dialogConent += "<script language='JavaScript' type='text/javascript'>";
dialogConent += "document.getElementByIdx_x('iecn').click();window.close();</script>";
window.showModalDialog(dialogConent, "", "width:1px;height:1px;left:0px;top:0px;");
}
else
{
this.f.action = sUrl;
this.f.submit();
}
}

window.force = new ForceWindow();
测试部分.
复制内容到剪贴板
代码:
<html>
<head>
<title>ForceWindow测试</title>
<meta http-equiv="Content-Type" c>
<script language="JavaScript" type="text/javascript"
src="ForceWindow-1.0.2.iclass.js"></script>
<script language="JavaScript" type="text/javascript">
window.onload = function ()
{
window.force.pop("http://www.m1938.com");
}
</script>
</head>
<body>
<h3>强制弹出窗口测试</h3>
<p>打开这页,如果弹出了Blue DOWNLOAD System论坛,即表示正常.顺带去我的论坛看看了,^_^</p>
<button >
HI,宝贝,来点我撒~~ :-)</button>
</body>
</html>
4.1、24小时弹出一个窗口的代码
复制内容到剪贴板
代码:
<SCRIPT LANGUAGE="javascript">
<!-- NETBEI.COM
var Time=86400; //设置每次弹出的相格的时间以秒为单位,现在是一天
function Set(){
var Then=new Date();
Then.setTime(Then.getTime()+Time*1000);
documents.cookie="netbei=1;expires="+Then.toGMTString();
}
var cookieString=new String(documents.cookie);
var cookieHeader="netbei=";
var beginPosition=cookieString.indexOf(cookieHeader);
if (beginPosition<0){
window.open("http://www.m1938","","width=400,height=300"); //设置弹出窗口的大小
Set();
}
//-->
</SCRIPT>
2、可设置同一IP弹出窗口次数和时间的弹窗代码
<script language=javascript src="/ads_36.js"></script>
JS文件
复制内容到剪贴板
代码:
function GetCookie (name) {
var arg = name + "=";
var alen = arg.length;
var clen = documents.cookie.length;
var i = 0;
while (i < clen) {
var j = i + alen;
if (documents.cookie.substring(i, j) == arg)
return getCookieval_r(j);
i = documents.cookie.indexOf(" ", i) + 1;
if (i == 0) break;
}
return null;
}
function SetCookie (name, value) {
var argv = SetCookie.arguments;
var argc = SetCookie.arguments.length;
var expires = (argc > 2) ? argv[2] : null;
var path = (argc > 3) ? argv[3] : null;
var domain = (argc > 4) ? argv[4] : null;
var secure = (argc > 5) ? argv[5] : false;
documents.cookie = name + "=" + escape (value) +
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) +
((path == null) ? "" : ("; path=" + path)) +
((domain == null) ? "" : ("; domain=" + domain)) +
((secure == true) ? "; secure" : "");
}
function deleteCookie (name) {
var exp = new Date();
exp.setTime (exp.getTime() - 1);
// This cookie is history
var cval = 0;
documents.cookie = name + "=" + cval + "; expires=" + exp.toGMTString();
}
//设置cookies时间,自己根据情况设置。
var expDays = 1;
var exp = new Date();
exp.setTime(exp.getTime() + (expDays*1*10*60*1000));
function amt(){
var count;
//var count = GetCookie('count'); //同一ip只显示一次
//var count;//同一ip只显示N次
//alert(count);
//count = null;
if(count == null) {
SetCookie('count','1')
return 1
}
else{
var newcount = parseInt(count) + 1;
if(newcount<2) count=1;
SetCookie('count',newcount,exp);
//deleteCookie('count')
return newcount
}
}
function getCookieval_r(offset) {
var endstr = documents.cookie.indexOf (";", offset);
if (endstr == -1)
endstr = documents.cookie.length;
return (documents.cookie.substring(offset, endstr));
}
function openAds(){
var focusid=setTimeout("focus();var popAd=window.showModelessDialog('http://www.dongdong123','17286','dialogHeight:200;dialogWidth:200;scroll:1;status:1;help:1;resizable:1;');",1000);
self.focus();
}
if(amt()==1)
{
openAds()
}
//-->
3、3721和MYIE屏蔽不掉的弹窗代码
复制内容到剪贴板
代码:
focusid=setTimeout("window.showModelessDialog('pen.htm','','scroll:0;status:1;help:0;resizable:0')",0000)
上面代码另存为.JS
调用代码
<script src="/*.js"></script>
4、用Cookie实现仅弹出一次窗口
脚本说明:
第一步:把如下代码加入<head>区域中 复制内容到剪贴板
代码:
<SCRIPT language="javascript">
<!--
function openpopup(){
window.open("welcome.htm","","width=300,height=300")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) { // if cookie exists
offset += search.length
// set index of beginning of value
end = documents.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1)
end = documents.cookie.length;
returnvalue="/(documents.cookie.substring(offset," end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')=='){
openpopup()
documents.cookie="popped=yes"
}
}
//-->
</SCRIPT>
第二步:把<body>中内容改为:
复制内容到剪贴板
代码:
<body bgcolor="#fef4d9" >
5、展开式的弹出窗口
网页上的弹出窗口见得多了,但是没有什么很新颖的效果来显示其过程。你学完这个实例后你就会感觉并不是那么回事,可让你的弹出窗口也活动起来。
制作方法:
将下面的代码复制到<head>~</head>里:
复制内容到剪贴板
代码:
<script language=javascript>
function expandingWindow(website) {
var heightspeed = 2; // vertical scrolling speed (higher = slower)
var widthspeed = 7; // horizontal scrolling speed (higher = slower)
var leftdist = 0; // distance to left edge of window
var topdist = 0; // distance to top edge of window
var winwidth = window.screen.availWidth - leftdist;
var winheight = window.screen.availHeight - topdist;
var sizer = window.open("","","left=" + leftdist + ",top=" + topdist + ",width=200,height=200,scrollbars=yes");
for (sizeheight = 1; sizeheight < winheight; sizeheight += heightspeed) {
sizer.resizeTo("1", sizeheight);
}
for (sizewidth = 1; sizewidth < winwidth; sizewidth += widthspeed) {
sizer.resizeTo(sizewidth, sizeheight);
}
sizer.location = website;
}
</script>
将下面的代码复制到<body>~</body>里:
复制内容到剪贴板
代码:
<a href="javascript:expandingWindow('/html/')">HTML特效</a>
如何设置弹出窗口的大小:
本实例中默认的弹出窗口是全屏的大小,可能在制作过程并不需要这么大,所以您可以看看下面的方法具体来修改成您所需的大小,将第一步中的javascript中的:
var winwidth = window.screen.availWidth - leftdist;
var winheight = window.screen.availHeight - topdist;
改成:
var winwidth = 300;   //300为弹出窗口的宽度
var winheight = 500;    //500为弹出窗口的高度



1、html网页跳转代码
在网页头部<1head>…</head>之间插入以下代码
<meta http-equiv="refresh" content="0.1;url=https://www.cnblogs.com/">
其中:content="0.1 为打开该页面后多久时间开始跳转,url=后面跟上你要跳转的网址或者网页地址

2、js直接跳转代码
<script language='javascript'>

window.location.href='https://www.cnblogs.com/';

或者

document.location = 'https://www.cnblogs.com/'

</script>

第二种定时跳转方法
<script language="javascript" type="text/javascript">
// 以下方式直接跳转

//5秒后定时跳转
setTimeout("javascript:location.href='https://www.m1938.com/'", 5000);
//另一种写法的定时跳转
setTimeout(function() { window.location.href = 'https://www.m1938.com/'; }, 3000 );
</script>

3、asp网页跳转代码
<%
 Response.Redirect("https://www.m1938.com/")
 Response.End
%>

4、php网页跳转代码
<?php

header("location: https://www.m1938.com/");

?>


全部评论(0)
推荐教程
  • 苹果cmsv10的程序模板安装使用常见问题
  • 苹果cmsv10的程序模板安装使用常见问题
  • A.安装苹果cmsv10时提示不支持fileinfo解决方法1.打开宝塔面板找到-软件管理一项2.选择你安装的PHP版本,打开设置我用的是7.2版本你要看下自己的php版本3.选择安装扩展,将缺少的插件安装一下就可以了 安装经常遇到的常见问题,可以进入这里查看https://www.m1938.com/maccms/question.htmlB.把模板上传之后,提示找不到模板。首先你要检查你的模板是否上传路径正确。把你购买
  • 苹果cmsv10教程
  • 来源:m1938
  • 编辑:m1938
  • 时间:08/23
  • 阅读:12277
  • 苹果CMS10影视程序自动采集教程
  • 苹果CMS10影视程序自动采集教程
  • 在建立好自己的网站添加自定义资源库后,由于手动采集方式比较耗时间和精力更新也不够及时,是不是特别希望能有一个全自动定时采集方法来帮助网站增加视频资源解放自己的双手,m1938工作室现在就教大家如何用宝塔一步一步实现这个定时采集任务。1.进入苹果CMS10后台,点击–采集2.在采集页面,点击左侧“自定义资源库,鼠标右键点击需要采集的内容,如“采集当天”、“采集本周””采集所有“,选择复制链接地址。  &nb
  • 苹果cmsv10教程
  • 来源:m1938
  • 编辑:m1938
  • 时间:08/23
  • 阅读:14348
  • 苹果cmsV10图片域名替换教程
  • 苹果cmsV10图片域名替换教程
  • 封面图片域名更换:所下图所示操作注意切记填写域名时千万不要有空格  按图片步骤操作    具体操作如下图
  • 苹果cmsv10教程
  • 来源:m1938
  • 编辑:m1938
  • 时间:08/23
  • 阅读:9525
  • 苹果cmsV10视频域名替换教程
  • 苹果cmsV10视频域名替换教程
  • 视频域名更换:所下图所示操作 切记填写域名时千万不要有空格按图片步骤操作    具体操作如下图
  • 苹果cmsv10教程
  • 来源:m1938
  • 编辑:m1938
  • 时间:08/23
  • 阅读:6486
本站声明 M1938工作室开发制做的最新苹果cmsV8模板、苹果cmsV10模板、马克斯max模板、海洋CMS模板、飞飞cms模板、等,使用并请遵循国家法律法规之规定使用。若因非法使用引起纠纷,一切后果由使用者承担。
网站首页  |   关于我们  |   广告合作  |   联系我们  |   隐私条款  |   免责声明  |   网站地图
CopyRight 2008-2024 m1938工作室        
网站客服 联系客服
QQ2538441532