网页弹出窗口代码汇总

最新推荐文章于 2024-10-18 08:08:51 发布
最新推荐文章于 2024-10-18 08:08:51 发布
阅读量1.1k 收藏 2
点赞数 1
分类专栏： web开发 文章标签： javascript function webform button input html

【1、最基本的弹出窗口代码】


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

【2、用函数控制弹出窗口】

例子:

<html>
<head>
<script type="text/javascript">
<!--
function openwin() { window.open ("WebForm1.aspx", "newwindow", "height=100, width=400, toolbar=
no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
}
//-->
</script>
</head>
<body οnlοad="openwin()">
...任意的页面内容...
</body>
</html>

参数解释：
<script type="text/javascript"> js脚本开始；
window.open 弹出新窗口的命令；
"WebForm1.aspx" 弹出窗口的文件名；
"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脚本结束

 


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

 

【3、弹出的窗口之定时关闭控制】

下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中，可不是主页面中，否则...)，让它5秒后自动关闭是不是更酷了？

首先，将如下代码加入WebForm1.aspx文件的<head>区：
 <script type="text/javascript">
        function closeit(){
            setTimeout("self.close()",5000);
        }
</script>

然后，再用<body οnlοad="closeit()"> 这一句话代替WebForm1.aspx中原有的<BODY>这一句就可以了。

【4、第一次进入时、弹出广告窗的例子】

 

第一次进入时弹出一次、之后刷新时不会再弹出来...

view plain copy to clipboard print ?
  1. <head > <%--runat="server" 删掉--%>   
  2.     <title>无标题页</title>   
  3.            
  4.         function openwin(){   
  5.             OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no");    
  6.             //写成一行    
  7.             OpenWindow.document.write("<TITLE>例子</TITLE>")    
  8.             OpenWindow.document.write("<BODY BGCOLOR=#ffffff>")    
  9.             OpenWindow.document.write("<h1>Hello!</h1>")    
  10.             OpenWindow.document.write("New window opened!")    
  11.             OpenWindow.document.write("</BODY>")    
  12.             OpenWindow.document.write("</HTML>")    
  13.             OpenWindow.document.close()   
  14.         }    
  15.            
  16.         function get_cookie(Name){   
  17.             var search = Name + "="    
  18.             var returnvalue = "";    
  19.                
  20.             if (document.cookie.length > 0) {    
  21.                 offset = document.cookie.indexOf(search)    
  22.                 if (offset != -1) {    
  23.                     offset += search.length;    
  24.                     end = document.cookie.indexOf(";", offset);    
  25.                     if (end == -1)    
  26.                     end = document.cookie.length;    
  27.                     returnvalue=unescape(document.cookie.substring(offset,end));    
  28.                     }    
  29.                 }    
  30.                 return returnvalue;    
  31.             }    
  32.         function loadpopup(){    
  33.             if (get_cookie("popped")==""){    
  34.             openwin();   
  35.             document.cookie="popped=yes";    
  36. //            popped=yes中yes改为别的也不影响   
  37.             }    
  38.         }         
  39.     </script>      
  40. </head>   
  41. <body οnlοad="loadpopop()">  

 

需要注意的是，JS脚本中的的大小写最好前后保持一致。

 

4、【同时弹出2个窗口】
--------------------------------------------------------------------------------
对源代码稍微改动一下：

<script LANGUAGE="JavaScript">
<!--
function openwin() {
window.open ("page.html", "newwindow", "height=100, width=100, top=0, left=0,toolbar=n
o, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
window.open ("page2.html", "newwindow2", "height=100, width=100, top=100, left=100,tool
bar=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" οnclick="openwin()">open</a>


即可。


6、【弹出的窗口之定时关闭控制】
--------------------------------------------------------------------------------
下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到
page.html的HTML中，可不是主页面中，否则...)，让它10秒后自动关闭是不是更酷了？

首先，将如下代码加入page.html文件的<head>区：

<script language="JavaScript">
function closeit() {
setTimeout("self.close()",10000) //毫秒
}
</script>
 

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


7、【在弹出窗口中加上一个关闭按钮】
--------------------------------------------------------------------------------
<FORM>
<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'>
</FORM>
 


8、【内包含的弹出窗口-一个页面两个窗口】
--------------------------------------------------------------------------------
上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。
通过下面的例子，你可以在一个页面内完成上面的效果。
<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
function openwin()
{
OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+s
croll+",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()结束啊。


9、【终极应用--弹出的窗口之Cookie控制】
--------------------------------------------------------------------------------
回想一下，上面的弹出窗口虽然酷，但是有一点小毛病(沉浸在喜悦之中，一定没有发现吧？)比如你将上面的脚本
放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口都会弹出一次，是不是非常烦人？
　有解决的办法吗？
　我们使用cookie来控制一下就可以了。
　首先，将如下代码加入主页面HTML的<HEAD>区：
<script>
function openwin(){
window.open("page.html","","width=200,height=200")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}

function loadpopup(){
if (get_cookie('popped')==''){
openwin()
document.cookie="popped=yes"
}
}

</script>
 

　然后，用<body οnlοad="loadpopup()">（注意不是openwin而是loadpop啊！）替换主页面中原有的<
BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。真正的Pop-Only-
Once！

 


1. οncοntextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键
<table border οncοntextmenu=return(false)><td>no</table> 可用于Table

2. <body onselectstart="return false"> 取消选取、防止复制

3. οnpaste="return false" 不准粘贴

4. οncοpy="return false;" oncut="return false;" 防止复制

5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标

6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标

7. <input style="ime-mode:disabled"> 关闭输入法

8. 永远都会带着框架
<script language="javascript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>

9. 防止被人frame
<SCRIPT LANGUAGE=javascript><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>

10. <noscript><iframe src=*.html></iframe></noscript> 网页将不能被另存为


11. <input type=button value=查看网页源代码
οnclick="window.location = 'view-source:'+ http://www.csdn.net/&;#39;">

12. 怎样通过asp的手段来检查来访者是否用了代理
<% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")<>"" then
response.write "<font color=#FF0000>您通过了代理服务器，"& _
"真实的IP为"&Request.ServerVariables("HTTP_X_FORWARDED_FOR")
end if
%>

13. 取得控件的绝对位置

//javascript
<script language="javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}
</script>

//VBScript
<script language="VBScript"><!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--></script>

14. 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" οnfοcus="cc()">

15. 判断上一页的来源
asp:
request.servervariables("HTTP_REFERER")

javascript:
document.referrer

16. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" value="Close"></OBJECT>

<input type=button value=最小化 οnclick=hh1.Click()>
<input type=button value=最大化 οnclick=hh2.Click()>
<input type=button value=关闭 οnclick=hh3.Click()>
本例适用于IE

17.
<%
'定义数据库连接的一些常量
Const adOpenForwardOnly = 0 '游标只向前浏览记录，不支持分页、Recordset、BookMark
Const adOpenKeyset = 1 '键集游标，其他用户对记录说做的修改将反映到记录集中，但其他用户增加或删除记录不会反映到记录集中。支持分页、Recordset、BookMark
Const adOpenDynamic = 2 '动态游标功能最强，但耗资源也最多。用户对记录说做的修改，增加或删除记录都将反映到记录集中。支持全功能浏览(ACCESS不支持)。
Const adOpenStatic = 3 '静态游标，只是数据的一个快照，用户对记录说做的修改，增加或删除记录都不会反映到记录集中。支持向前或向后移动

Const adLockReadOnly = 1 '锁定类型，默认的，只读，不能作任何修改
Const adLockPessimistic = 2 '当编辑时立即锁定记录，最安全的方式
Const adLockOptimistic = 3 '只有在调用Update方法时才锁定记录集，而在此前的其他*作仍可对当前记录进行更改、插入和删除等
Const adLockBatchOptimistic = 4 '当编辑时记录不会被锁定，而更改、插入和删除是在批处理方式下完成的

Const adCmdText = &H0001
Const adCmdTable = &H0002
%>

18. 网页不会被缓存
HTM网页
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">
ASP网页
Response.Expires = -1
Response.ExpiresAbsolute = Now() - 1
Response.cachecontrol = "no-cache"
PHP网页
header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");
header("Cache-Control: no-cache, must-revalidate");
header("Pragma: no-cache");


19. 检查一段字符串是否全由数字组成
<script language="javascript"><!--
function checkNum(str){return str.match(//D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>

20. 获得一个窗口的大小
document.body.clientWidth,document.body.clientHeight

21. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

22.TEXTAREA自适应文字行数的多少
<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"> [/color]

xiaolu666
关注
专栏目录
html网页弹窗
08-23
html网页弹窗
五种形式的网页弹出窗口代码详解
风吹往昔
09-09 2368
五种形式的网页弹出窗口代码详解       　　1.弹启一个全屏窗口                www.webjx.com                　　运行代码复制代码另存代码 ——
html弹窗公告代码
最新发布
云博客_资源宝分享
10-18 532
html弹窗公告代码
html页面弹窗代码
小萌哈士奇的专栏
12-30 3806
语言：c# 开发工具：vs2010 js代码： //模态弹出窗口 function OpenDialog(iwidth, iheight, stitle, sherf, suFun) {     $('#modalWindow').window({         width: iwidth,         height: iheight,         top: (d
弹出新窗口代码
Ajax Asp.Net 的专栏
11-27 3556
点睛目标一：打开新窗口许多网站的拥有者期待访客能更久留在网站上，所以他们会想尽办法。最常见的方法就当访客单击一个链接时就打开一个新窗口显示内容。这样即使访客关闭了某个窗口，其它窗口还继续存在。通常，单击链接会在本窗口显示内容，而并不是弹出新窗口。一个简单链接的代码：http://www.popunet.com/">大众网络报如果在标签中加入target="_blank"，当单击大众
弹出窗口代码大全
wangschang的专栏
08-06 2224
 弹出窗口代码大全 如何利用网页弹出各种形式的窗口，我想大家大多都是知道些的，但那种多种多样的弹出式窗口是怎么搞出来的，我们今天就来学习一下： 　　1.弹启一个全屏窗口;www.kunde58.com　　2.弹启一个被F11化后的窗口;www.kunde58.com　　3.弹启一个带有收藏链接工具栏的窗口www.wan
网页弹出窗口代码总汇（javascript）
11-03
在《网页弹出窗口代码总汇（javascript）》这一主题中，我们将深入探讨如何利用JavaScript语言来实现网页中的弹出窗口功能，包括基本的弹出窗口代码、自定义窗口属性以及如何在不同场景下应用这些代码。 ### 基本的...
JavaScript弹出窗口方法汇总
10-25
3. javascript弹出窗口代码：这部分主要介绍了如何使用window.open()方法来创建一个新的浏览器窗口或弹出窗口。window.open()方法支持的环境有JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+。其基本语法为： ``` ...
JavaScript弹出窗口方法汇总_.docx
10-09
三、JavaScript 弹出窗口代码 window.open() 方法是 JavaScript 中最常用的弹出窗口方法。该方法支持多种参数，用于控制弹出窗口的样式和行为。基本语法为： window.open(pageURL, name, parameters) 其中，...
网页弹出窗口技术大全：示例与解析
该文档是关于网页弹出窗口的各种实现方式的汇总，主要涉及JavaScript的window.open()函数和两种对话框方法：showModalDialog()与showModelessDialog()。 在网页开发中，弹出窗口是一种常见的交互手段，用于显示额外...
网站弹窗代码，多种打开方式
09-04
超实用的网站弹窗代码，分按钮打开、超链接打开、自动打开三种方式可选，窗口中间显示等，代码简单，但功能都有了；窗口为完全功能窗口，可修改是否显示菜单、窗口大小等项目。
网页上最酷的弹出窗口(对话框)脚本源代码及示例
12-17
这是我所见过的最好看的网页窗口/对话框程序，它实现于标准的HTML页面，实现语言是Javascript。你可以把它用到ASP.NET，AJAX，Java等等所有网页上，支持的功能有：可以改变窗口大小、支持最小化、最大化窗口、模型对话框、渐入渐出的渐变效果，支持皮肤等等功能。现有的实例包括：模仿MAC OS的对话框，在对话框中打开一个网页，警告框，确认对话框，信息对话框，登录对话框，AJAX对话框等等
网页弹出广告源码
03-09
其实不是软件啦，我是网页设计师，在这里共享一个仿163的弹出广告，演示地址在我公司网站上！ http://www.cps800.com/subject/rohs/
弹窗实现的源码
10-19
分享大神做的，感谢大神的作品，原创者辛苦了！谢谢大家下载！
html+css+js实现点击弹出窗口效果
04-23
用html+css+js/jquery实现的点击按钮弹出一个层窗口效果。注释部分使用js实现的，script部分则是jquery实现的，效果更好一些。可以把jquery部分注释掉来看js的效果
网页弹出窗口代码全攻略
besily的专栏
08-19 2291
经常上网的朋友可能会到过这样一些网站，一进入首页立刻会弹出一个窗口，或者按一个连接或按钮弹出，通常在这个窗口里会显示一些注意事项、版权信息、警告、欢迎光顾之类的话或者作者想要特别提示的信息。其实制作这样的页面效果非常的容易，只要往该页面的HTML里加入几段Javascript代码即可实现。下面俺就带您剖析它的奥秘。 1、【最基本的弹出窗口代码】 --------------------------
弹出窗口网页特效代码集锦
zhdd1234的专栏
05-07 1647
 【1、最基本的弹出窗口代码】其实代码非常简单：window.open (page.html)-->　因为这是一段javascripts代码，所以它们应该放在标签和之间。是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出来。要养成这个好习惯啊。　window.open (page.html) 用于控制弹出新的窗口page.html，如果page.html
html弹窗代码大全定时弹窗,js点击弹窗弹出表单框代码
weixin_42405371的博客
06-07 2858
点击弹窗弹出表单框代码 HTML+css+js全部代码js点击弹窗弹出登录框代码*{ margin:0; padding:0;}button, input{ outline:none;}button, .login{ width:120px; height:42px; background:#f40; color:#fff; border:none; border-radius:6px; disp...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值