js弹出窗口总结6种弹窗方法

合集下载

Javascript弹窗代码大全(收集)

弹窗代码大全(收集)以下包括强制弹窗 24小时IP弹窗延时弹窗退弹等我们使用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.lengthend = documents.cookie.indexof(”;”, offset);if (end == -1)end = documents.cookie.length;returnvalue=”/unescape(documents.cookie.substring(offset,end))”}}return returnvalue;}function loadpopup(){if (get_cookie(’popped’)==”){openwin()documents.cookie=”popped=yes”}}</script>然后，用<body onload=”loadpopup()”>（注意不是openwin而是loadpop啊！）替换主页面中原有的<body>这一句即可。

你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。

真正的pop-only-once！写到这里弹出窗口的制作和应用技巧基本上算是完成了，俺也累坏了，一口气说了这么多，希望对正在制作网页的朋友有所帮助俺就非常欣慰了。

23个Javascript弹出窗口特效整理

23个Javascript弹出窗口特效整理1. LightviewLightview是一个基于Prototype与开发，用于创建可以覆盖整个页面的模式对话框。

展示的内容不仅可以是图片、文字、网页、通过Ajax 调用的内容，还可以是Quicktime/Flash影片都能够以非常酷的效果展示。

2. ThickBox (演示地址)ThickBox是一个模式对话框UI控件。

基于jQuery开发，可以用来展示单张或多张图片，内嵌的内容，iframed的内容，或通过Ajax 获取的内容。

3. Fonshen JS Window (演示地址)风声JS窗口为模拟WEB弹出窗口和对话框提供一种方案。

程序基于JavaScript/X HTML/CSS标准实现。

支持自由度极高的窗口样式定制；交互方面提供模拟的按钮编程模型，可以很好的模拟对话框；另外，接口参考Javascript内置对象window的一些方法（比如：window.open, window.alert, window.confirm），简洁方便。

4. ymPrompt在web开发中，对于浏览器默认的消息提示框（如alert,confirm 等）外观无法控制，为了实现更好的界面效果，于是模拟系统的消息提示框实现了该组件。

在外观上可以通过css进行完全的控制。

调用方式简单，直接使用ymPrompt.alert()的方式调用，传入相应的参数即可。

提供四种消息类型。

分别为消息提示、成功信息、错误信息、询问信息。

5. ModalboxModalBox用于生成Web2.0风格的模式对话框。

基于Prototype 框架开发，效果类似Mac OSX的模式对话框。

内容可以通过Ajax加载或普通的HTML页面。

6. SliderWindowSliderWindow是一个基于YUI开发消息提醒滑动窗体。

7. MOOdalBox (演示地址)MOOdalBox是一个基于Mootools框架开发的Web2.0模式对话。

JavaScript中常用的3种弹出提示框（alert、confirm、prompt）

JavaScript中常⽤的3种弹出提⽰框（alert、confirm、prompt）⽬录alert ()confirm()prompt ()总结三种提⽰框alert ()confirm()prompt ()alert ()alert()⽅法是显⽰⼀条弹出提⽰消息和确认按钮的警告框。

需要注意的是：alert()是⼀个阻塞的函数，如果我们不点确认按钮，后⾯的内容就不会加载出来。

使⽤⽅式：alert("想要提⽰的⽂本内容")样例代码：<!DOCTYPE html><html><head><meta charset="utf-8"><script>alert("这是弹出框提⽰⽂本")</script><title></title></head><body><p>alert是阻塞的函数</p><p>这句话只有在确认弹出框的提⽰⽂本后才会显⽰</p></body></html>效果截图：confirm()confirm()⽅法是显⽰⼀个含有指定消息和确认和取消按钮的确认框。

如果点击"确定"返回true，否则返回false。

使⽤⽅式：不接收返回值：confirm("这样写可以直接显⽰,不接收返回值。

")接收返回值：var x;var r=confirm("请按下按钮!");if (r==true){x="你按下的是\"确定\"按钮。

";}else{x="你按下的是\"取消\"按钮。

";}document.write(x)样例代码：<!DOCTYPE html><html><head><meta charset="utf-8"><script>// 使⽤⽅式⼀confirm("这样写可以直接显⽰,不接收返回值。

js弹出窗口总结6种弹窗方法

js弹出窗口总结6种弹窗方法注：//关闭,父窗口弹出对话框，子窗口直接关闭this.Response。

Write（”<script language=javascript>window。

close（);〈/script>")；//关闭,父窗口和子窗口都不弹出对话框，直接关闭this.Response。

Write("<script>”)；this。

Response.Write("｛top。

opener =null;top。

close(）；｝”);this。

Response。

Write("</script>”）;//弹出窗口刷新当前页面width=200 height=200菜单。

菜单栏，工具条，地址栏，状态栏全没有this。

Response。

Write（”<script language=javascript>window.open（’rows。

aspx'，’newwindow'，'width=200,height=200’）</scri pt>”）;//弹出窗口刷新当前页面this。

Response.Write("〈script language=javascript〉window。

open('rows。

aspx')</script〉”）;this。

Response。

Write（”<script〉window。

open（'WebForm2.aspx’，'_blank');</script〉”);//弹出提示窗口跳到webform2。

aspx页(在一个IE窗口中)this。

Response。

Write（" <script language=javascript>alert('注册成功')； window。

javascript弹出窗口代码大全

javascript弹出窗⼝代码⼤全如何利⽤⽹页弹出各种形式的窗⼝，我想⼤家⼤多都是知道些的，但那种多种多样的弹出式窗⼝是怎么搞出来的，今天找了⼀篇好⽂学习了： 1.弹启⼀个全屏窗⼝<html><body onload="window.open('','example01','fullscreen');">;<b></b></body></html> 2.弹启⼀个被F11化后的窗⼝<html><body onload="window.open(''','example02','channelmode');">;<b></b></body></html> 3.弹启⼀个带有收藏链接⼯具栏的窗⼝<html><body onload="window.open('','example03','width=400,height=300,directories');"><b></b></body></html> 4.⽹页对话框<html><SCRIPT LANGUAGE="javascript"></SCRIPT><b></b></body></html><html><SCRIPT LANGUAGE="javascript"></SCRIPT><b></b></body></html> showModalDialog()或是showModelessDialog() 来调⽤⽹页对话框，⾄于showModalDialog()与showModelessDialog()的区别，在于showModalDialog()打开的窗⼝（简称模式窗⼝），置在⽗窗⼝上，必须关闭才能访问⽗窗⼝(建议尽量少⽤，以免招⼈反感)；showModelessDialog()dialogHeight: iHeight 设置对话框窗⼝的⾼度。

JS弹出窗口的各种传值方法

JS弹出窗口的各种传值方法在JavaScript中，弹出窗口是一种常见的用户交互方式。

通过弹出窗口，可以显示其他页面、表单或者提示框等内容。

而传值则是在弹出窗口中传递数据的一种方式，使得弹出窗口可以获取到主页面中的数据，并在弹出窗口中进行操作。

下面将介绍JS弹出窗口的各种传值方法，包括使用URL参数、使用cookie、使用localStorage、使用sessionStorage和使用postMessage 等。

1.使用URL参数：使用URL参数是一种简单的传值方法，可以通过在URL后面添加参数的形式将数据传递给弹出窗口。

例如：```javascriptvar data = 'Hello World!';window.open(url, 'popup', 'width=500,height=500');```在弹出窗口的页面中，可以通过获取URL参数来获取传递的数据：```javascriptvar urlParams = new URLSearchParams(window.location.search);var data = urlParams.get('data');```2. 使用cookie：使用cookie也是一种传值的常见方式。

通过设置cookie，可以将数据保存在用户的浏览器中，然后在弹出窗口中读取cookie来获取数据。

例如：```javascriptdocument.cookie = "data=Hello World!";window.open('popup.html', 'popup', 'width=500,height=500');```在弹出窗口的页面中，可以通过document.cookie来获取cookie的值：```javascriptvar cookieValue = document.cookie.split('; ').find(row => row.startsWith('data=')).split('=')[1];```3. 使用localStorage：localStorage是一种HTML5提供的本地存储方式，可以将数据保存在用户的浏览器中。

JavaScript弹出对话框的三种方式

JavaScript弹出对话框的三种⽅式学习过js的⼩伙伴会发现，我们在⼀些实例中⽤到了alert()⽅法、prompt()⽅法、prompt()⽅法，他们都是在屏幕上弹出⼀个对话框，并且在上⾯显⽰括号内的内容，使⽤这种⽅法使得页⾯的交互性更精彩，实际上我们经常会在进⾏⽹页浏览时简单这种类型的对话框，在⽤户与应⽤程序进⾏双向交流时，经常要⽤到对话框。

javascript的三种对话框是通过调⽤window对象的三个⽅法alert()，confirm()和prompt()来获得，可以利⽤这些对话框来完成js 的输⼊和输出，实现与⽤户能进⾏交互的js代码。

今天⼩编就来简单介绍⼀下js中的三种弹出对话框，⼩编先单独对这⼏个⽅法进⾏详细讲解，接着，将这⼏个⽅法进⾏对⽐，好了，开始我们的js之旅吧`(*∩_∩*)′......第⼀种：alert()⽅法alert()⽅法是这三种对话框中最容易使⽤的⼀种，她可以⽤来简单⽽明了地将alert()括号内的⽂本信息显⽰在对话框中，我们将它称为警⽰对话框，要显⽰的信息放置在括号内，该对话框上包含⼀个“确认”按钮，⽤户阅读完所显⽰的信息后，只需单击该按钮就可以关闭对话框。

下⾯来看⼀个使⽤alert()⽅法的例⼦，代码如下所⽰：<html><head><title>编写html页⾯</title><script language="javascript"> //JavaScript脚本标注alert("上联：⼭⽯岩下古⽊枯");//在页⾯上弹出上联alert("下联：⽩⽔泉边少⼥妙");//在页⾯上弹出下联</script></head></html>执⾏上⾯的⼩例⼦，在页⾯上弹出对话框并显⽰⼀句话“上联：⼭⽯岩下古⽊枯”，如下所⽰：接着，单击“确认”按钮后再显⽰第⼆个对话框并显⽰“⽩⽔泉边少⼥妙！”，效果如下；在页⾯上弹出对话框并显⽰⼀句话“上联：⼭⽯岩下古⽊枯”，单击“确认”按钮后再显⽰第2个对话框并显⽰“⽩⽔泉边少⼥妙！”我们来分析⼀下这个⼩例⼦：a、在<script>脚本块中两次调⽤alert()⽅法；b、在每个alert()括号内分别添加了⼀段⽂本信息，运⾏出现如下图所⽰的页⾯，当使⽤⿏标单击页⾯上的“确定”按钮后，出现第⼆个页⾯，再点击“确定”按钮后就关闭页⾯上的对话框。

JavaScript三种弹出框（alert，confirm和prompt）用法举例

JavaScript三种弹出框（alert，confirm和prompt）⽤法举例我们在做⽹页交互的时候往往需要⽤户在操作之前弹出⼀个提⽰消息框来让⽤户做⼀些点击才能继续或者放弃，这⾥有三种模式消息框，它们分别是alert(),confirm()和prompt()。

下⾯我⽤最简单的⽅式和例⼦来做⼀下介绍：1、alert()--警告消息框alert ⽅法有⼀个参数，即希望对⽤户显⽰的⽂本字符串。

该字符串不是 HTML 格式。

该消息框提供了⼀个“确定”按钮让⽤户关闭该消息框，并且该消息框是模式对话框，也就是说，⽤户必须先关闭该消息框然后才能继续进⾏操作。

例如：window.alert("欢迎！请按“确定”继续。

")，将会出现下⾯的情况Paste_Image.png2、confirm()--确认消息框使⽤确认消息框可向⽤户问⼀个“是-或-否”问题，并且⽤户可以选择单击“确定”按钮或者单击“取消”按钮。

confirm ⽅法的返回值为 true 或 false。

该消息框也是模式对话框：⽤户必须在响应该对话框（单击⼀个按钮）将其关闭后，才能进⾏下⼀步操作。

例如： var truthBeTold = window.confirm("单击“确定”继续。

单击“取消”停⽌。

")，情况如下if (truthBeTold) {window.alert("欢迎访问我们的 Web 页！");} elsewindow.alert("再见啦！");Paste_Image.png当你点击确定的时候：Paste_Image.png当你点击取消的时候：Paste_Image.png3、prompt()--提⽰消息框提⽰消息框提供了⼀个⽂本字段，⽤户可以在此字段输⼊⼀个答案来响应您的提⽰。

该消息框有⼀个“确定”按钮和⼀个“取消”按钮。

如果您提供了⼀个辅助字符串参数，则提⽰消息框将在⽂本字段显⽰该辅助字符串作为默认响应。

1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。

js弹出窗口总结6种弹窗方法注://关闭,父窗口弹出对话框,子窗口直接关闭this.Response.Write("<scriptlanguage=javascript>window.close();</script>");//关闭,父窗口和子窗口都不弹出对话框,直接关闭this.Response.Write("<script>");this.Response.Write("{top.opener =null;top.close();}");this.Response.Write("</script>");//弹出窗口刷新当前页面width=200 height=200菜单。

菜单栏,工具条,地址栏,状态栏全没有this.Response.Write("<scriptlanguage=javascript>window.open('rows.aspx','newwindow','width=200,he ight=200')</script>");//弹出窗口刷新当前页面this.Response.Write("<scriptlanguage=javascript>window.open('rows.aspx')</script>");this.Response.Write("<script>window.open('WebForm2.aspx','_blank');</ script>");//弹出提示窗口跳到webform2.aspx页(在一个IE窗口中)this.Response.Write(" <script language=javascript>alert('注册成功'); window.window.location.href='WebForm2.aspx';</script> ");//关闭当前子窗口,刷新父窗口this.Response.Write("<script>window.opener.location.href=window.opene r.location.href;window.close();</script>");this.Response.Write("<script>window.opener.location.replace(window.op ener.document.referrer);window.close();</script>");//子窗口刷新父窗口this.Response.Write("<script>window.opener.location.href=window.opene r.location.href;</script>");this.Response.Write("<script>window.opener.location.href='WebForm1.as px';</script>");//弹出提示窗口.确定后弹出子窗口(WebForm2.aspx)this.Response.Write("<script language='javascript'>alert('发表成功！');window.open('WebForm2.aspx')</script>");//弹出提示窗口,确定后,刷新父窗口this.Response.Write("<script>alert('发表成功！');window.opener.location.href=window.opener.location.href;</script>" );//弹出相同的一页<INPUT type="button" value="Button"onclick="javascript:window.open(window.location.href)">//Response.Write("parent.mainFrameBottom.location.href='yourwebform.asp x?temp=" +str+"';");<SCRIPT LANGUAGE="javascript"></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脚本结束'newwin':隐藏菜单栏地址栏工具条width=50:宽度height=50:高度scrollbars=yes/no:滚动条top=50:窗口距离屏幕上方left=50:窗口距离屏幕左侧例:window.open('detail.aspx?ID="+e.Item.Cells[1].Text+"','newwin','wi dth=750,height=600,scrollbars=yes,top=50,left=50');");this.Response.Write("<Script>window.open('WebForm2.aspx','','toolbar= no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resi zable=yes,width=750,height=470,left=80,top=40');</script>");例:this.Response.Write("<script>alert('发表成功！');window.opener.location.href=window.opener.location.href;</script>" );this.Response.Write("<script>");this.Response.Write("{top.opener =null;top.close();}");this.Response.Write("</script>");例:linkcolumn1.DataNavigateUrlFormatString="javascript:varwin=window.ope n('edit_usr.aspx?actid={0}','newwin','width=750,height=600,scrollbars =yes,top=50,left=50');window.close()";this.Response.Write("<Script>window.open('WebForm7.aspx','','toolbar= no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resi zable=yes,width=750,height=470,left=80,top=40');</script>");弹出跟你当前的窗口有没有菜单工具栏没有关系,你只要在页面中写一个脚本它就弹出了.比如<a href=# onclick="window.open('xxx.aspx','窗口名称','参数');">xxxxx</a>以下列出一些弹出窗口的参数,你可自行设定,参数之间用逗号分隔可选。

字符串--列出对象表并用逗号分开。

每一项都有自己的值，他们将被分开（如："fullscreen=yes, toolbar=yes"）。

下面是被支持的各种特性。

channelmode = { yes | no | 1 | 0 } 是否在窗口中显示阶梯模式。

默认为no。

directories = { yes | no | 1 | 0 } 是否在窗口中显示各种按钮。