js如何弹出窗口（js如何弹出窗口模式）
JS弹出对话框怎么写？
[1、最基本的js弹出对话框窗口代码]
这是最基本的js弹出对话框。事实上，代码非常简单，只有几个词:
复制代码如下:
& lt脚本语言= & quotjavascript & quot& gt
& lt！-
window . open(& quot；page.html & quot)
-& gt；
& lt/script & gt；
因为这是一段javascripts代码，所以应该将它们放在:它适用于一些较低版本的浏览器，在这些浏览器中，标记中的代码不会显示为文本。养成这个好习惯。
window . open(& quot；page.html & quot)用于控制新窗口page.html的弹出。如果page.html与主窗口不在同一个路径中，那么路径应该在它的前面。绝对路径(http://)和相对路径(../)都可以。可以用单引号和双引号，但不要混用。
这段代码可以添加到HTML的任何地方。和</head & gt；是的，< body & gt在…之间
[2.添加属性设置的js弹出对话框代码]
先说js弹出对话框窗口属性的设置。在上面的代码中添加一些东西就可以了。
我们来自定义一下这个js弹出对话框的弹出窗口的外观、大小和弹出位置，以适合这个页面的具体情况。
复制代码如下:
查看代码
& lt脚本语言= & quotjavascript & quot& gt
& lt！-
window . open(& quot；page.html & quot，& quot新窗口& quot，& quotheight=100，width=400，top=0，left=0，toolbar=no，menubar=no，scrollbars=no，resizable=no，location=no，status = no & quot)
//写成一行
-& gt；
& lt/script & gt；
参数解释:
& lt脚本语言= & quotjavascript & quot& gtJs脚本启动；
Window.open命令弹出一个新窗口；
“page.html & quot弹出窗口的文件名；
“新窗口& quot弹出窗口的名称(不是文件名)，可选，可用空& quot；”替换；
高度=100窗高；
宽度=400窗宽；
Top=0窗口距屏幕顶部的像素值；
Left=0距离屏幕左侧的窗口的像素值；
Toolbar =否是否显示工具栏，是显示；
菜单栏，scrollbars的意思是菜单栏和滚动条。
Resizable=no是否允许改变窗口大小，yes是允许；
Location=no是否显示地址栏，是允许；
Status=no是否显示状态栏中的信息(通常文件已经打开)，yes是允许的；
& lt/script & gt；js脚本结束
[3.使用函数控制js弹出对话窗口]
下面是一个完整的js弹出对话框的代码。
复制代码如下:
查看代码
& lthtml & gt
& lthead & gt
& lt脚本语言= & quotjavascript & quot& gt
& lt！-
函数open win(){ window . open(& quot；page.html & quot，& quot新窗口& quot，& quot高度=100，宽度=400，工具栏=
否，菜单栏=否，滚动条=否，可调整大小=否，位置=否，状态=否& quot)
//写成一行
}
//-& gt；
& lt/script & gt；
& lt/head & gt；
& ltbody onload = & quotopen win()& quot；& gt
…任何页面内容。…
& lt/body & gt；
& lt/html & gt；
这里定义了一个函数openwin()，其内容是打开一个窗口。在被调用之前，它没有任何用处。
怎么称呼？
方法一:浏览器读取页面时，弹出一个弹窗；
复制代码如下:
& ltbody onload = & quotopen win()& quot；& gt
方法二:浏览器离开页面，弹出一个弹窗；
复制代码如下:
& ltbody onunload = & quotopen win()& quot；& gt
方法3:用连接呼叫:
复制代码如下:
& lta href = & quot# & quotonclick = & quotopen win()& quot；& gt打开窗户
注意:使用的“#”是虚拟连接。
方法四:一键通话:
复制代码如下:
& lt输入类型= & quot按钮& quotonclick = & quotopen win()& quot；value = & quot打开窗口” & gt
[4.js弹出对话框会同时弹出两个窗口]
对源代码稍作修改:
复制代码如下:
查看代码
& lt脚本语言= & quotjavascript & quot& gt
& lt！-
函数openwin()
{ window . open(& quot；page.html & quot，& quot新窗口& quot，& quotheight=100，width=100，top=0，left=0，toolbar=no，menubar=no，scrollbars=no，resizable=no，location=no，status = no & quot)
//写成一行
window . open(& quot；page 2 . html & quot；，& quot新窗口& quot，& quotheight=100，width=100，top=100，left=100，toolbar=no，menubar=no，scrollbars = no，resizable=no，location=no，status = no & quot)
//写成一行
}
//-& gt；
& lt/script & gt；
为了避免两个弹出窗口重叠，请使用top和left来控制弹出窗口的位置，使它们不会相互重叠。最后用上面说的四种方法调用。
注意:两个js弹出对话框窗口(NewWindows和newwindow2)的名称不应该相同，或者都应该是空。
[5.在主窗口中打开文件1.htm，同时会弹出一个小窗口page.html]
以下代码被添加到主窗口中
复制代码如下:
查看代码
& lt脚本语言= & quotjavascript & quot& gt
& lt！-
函数openwin()
{ window . open(& quot；page.html & quot，& quot”，& quot宽度=200，高度= 200 & quot)
}
//-& gt；
& lt/script & gt；
加入
复制代码如下:
& lta href = & quot1.htm & quotonclick = & quotopen win()& quot；& gt打开& lt/a & gt；
去做吧。
[6、js弹出对话框弹出窗口定时关闭控件]
我们来控制js弹出对话框的窗口，效果会更好。如果我们向弹出页面添加一小段代码(注意，它是添加到page.html的HTML中，而不是主页中，否则…)，让它10秒后自动关闭不是更酷吗？
首先，将以下代码添加到
复制代码如下:
& lt脚本语言= & quotjavascript & quot& gt
函数closeit()
{ setTimeout(& quot；self . close()& quot；，10000) // ms}
& lt/script & gt；
然后，使用< body onload = & quotclose it()& quot；& gt这句话取代了page.html的原文
[7.在js弹出对话窗口中添加关闭按钮]
复制代码如下:
& lt表单& gt
& lt输入类型= & quot按钮& quotvalue = & quot关闭” onClick = & quotwindow . close()& quot；& gt
& lt/FORM & gt；
呵呵，现在更完美了！
[8.js弹出对话框窗口包含在一个有两个窗口的页面中]
上面的例子都包含两个窗口，一个是主窗口，一个是小弹出窗口。
有了下面这个例子，你就可以在一个页面中完成上面的效果。
复制代码如下:
查看代码
& lthtml & gt
& lthead & gt
& lt脚本语言= & quotjavascript & quot& gt
函数openwin()
{OpenWindow=window.open("”，& quotnewwin & quot，& quot高度=250，宽度=250，工具栏=否，滚动条= & quot
滚动
& quot；，menubar = no & quot);
//写成一行
open window . document . write(& quot；& ltTITLE & gt例子
open window . document . write(& quot；& ltBODY BGCOLOR=#ffffff>。”)
open window . document . write(& quot；& lth1 & gt你好！& lt/h1 & gt；”)
open window . document . write(& quot；新窗口打开了！”)
open window . document . write(& quot；& lt/BODY & gt；”)
open window . document . write(& quot；& lt/HTML & gt；”)
OpenWindow.document.close()}
& lt/script & gt；
& lt/head & gt；
& ltbody & gt
& lta href = & quot# & quotonclick = & quotopen win()& quot；& gt打开窗户
& lt输入类型= & quot按钮& quotonclick = & quotopen win()& quot；value = & quot打开窗口” & gt
& lt/body & gt；
& lt/html & gt；
查看OpenWindow.document.write()中的代码。不是标准的HTML吗？按照格式多写几行就行了。注意多一个标签或者少一个标签都会出错。记得以OpenWindow.document.close()结尾。
[9、终极应用- js弹出对话框窗口的Cookie控制]
回想一下，上面的弹窗虽然很酷，但是有一点小瑕疵(沉浸在喜悦中的你一定没发现吧？)比如你把上面的脚本放在一个需要经常访问的页面上(比如首页)，那么每次刷新这个页面，窗口都会自动执行一次js弹出对话框代码。是不是很烦？:-(有解决办法吗？是啊！；-)跟我来。
我们可以用cookie来控制它。
首先，将以下代码添加到
复制代码如下:
查看代码
& lt脚本& gt
函数openwin()
{ window . open(& quot；page.html & quot，& quot”，& quot宽度=200，高度= 200 & quot)}
函数get_cookie(名称)
{ var search = Name
& quot；= & quot
var returnvalue = & quot”；
if(documents . cookie . length & gt；0) {
offset = documents . cookie . index of(search)
如果(offset！= -1) {
偏移量
=搜索长度
end = documents . cookie . index of(& quot；；”，偏移)；
if (end == -1)
end = documents . cookie . length；
return value =(documents . cookie . substring(offset，end))
}
}
返回returnvalue
}
函数loadpopup(){
if(get _ cookie(& quot；砰& quot)= = & quot”){
openwin()
documents.cookie = & quotpopped = yes & quot
}
}
& lt/script & gt；
然后，使用
应该注意的是，JS脚本中的大小写应该是一致的。
以上九个js弹出对话框的代码就是这样。如果有其他方法，也可以提供给我。当然自己写的弹窗也是可以的。
希望河南新华的回答能帮到你。
js弹窗点击一个按钮弹出这个框怎么做？
写一个遮罩层，这个遮罩层里写上需要弹出的东西，然后把遮罩层隐藏掉，当点击某个按钮时，遮罩层弹出就行了
如何在safari中启用JavaScript？
在Safari浏览器中启用JavaScript
随着在MacOS上的Safari。点击Safari菜单，选择”Preferences…”（或按Command+,）
如果您使用的是Windows上的Safari。点击Gear icon，选择”Preferences”。
“Preferences”窗口中选择”Security”选项卡。
“Security”选项卡部分”Web content”标记”Enable JavaScript”复选框。
关闭Preferences弹出窗口，并刷新您的网页。
js中哪些事件可以新开一个窗口？
js中大概有两种情况可以新开一个窗口
1.超链接<a href="//www.jb51.net" title="脚本之家">Welcome</a>
等效于js代码
window.location.href="//www.jb51.net"; //在同当前窗口中打开窗口
2.超链接<a href="//www.jb51.net" title="脚本之家" target="_blank">Welcome</a>
等效于js代码
window.open("//www.jb51.net"); //在另外新建窗口中打开窗口
js模态框弹出时无法选择其他地方？
一个p宽高都设置成100%，绝对定位，层级设置成最高，人家永远也点不掉，只能关闭网页 浏览器自带的是能点× 的，可以用js处理一下 function alertEnd(){ //say 你想说的话，他关闭不了浏览器的，只能在控制面板关闭 alert(say); alertEnd() } alertEnd()
支付宝扫一扫
微信扫一扫
