JS弹出窗口代码大全,JavaScript控制弹出窗口

什么样运用网页弹出各个样式的窗口,小编想我们基本上都是知道些的,但这种各个二种的弹出式窗口是怎么搞出来的,大家前日就来学学一下:
1.弹启三个全屏窗口

  •  最中央的弹出窗口代码

复制代码 代码如下:

1图片 1<SCRIPT   LANGUAGE=”javascript”>       
2图片 2  <!–       
3图片 3  window.open   (‘page.html’)       
4图片 4  –>       
5图片 5  </SCRIPT> 

<html>
<body ;;
<b>www.jb51.net</b>
</body>
</html>

      放在<script
LANGUAGE=”javascript”>标签和</script>之间。<!–   和  
–>是对一部分版本低的浏览器起功效,在那么些老浏览器中不会将标签中的代码作为文本呈现出来。window.open(‘page.html’)用于调节弹出新的窗口page.html,假设page.html不与主窗口在一直以来路线下,前边应写明路线,相对路线(和相对路线(../)均可。用单引号和双引号都得以,只是不要混用。这一段代码能够参加HTML的即兴地方,<head>和</head>之间能够,<body>间</body>也得以,越前越早实践,特别是页面代码长,又想使页面早点弹出就尽量往前放。

2.弹启一个被F11化后的窗口

  • 经过设置后的弹出窗口

复制代码 代码如下:

图片 6图片 7Code
1图片 8<SCRIPT   LANGUAGE=”javascript”>       
2图片 9  <!–       
3图片 10  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’)       
4图片 11  file://。/。       
5图片 12  –>       
6图片 13  </SCRIPT>

<html>
<body ‘;;
<b>www.jb51.net</b>
</body>
</html>

参数解释:      
  <SCEvoqueIPT   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为允许;
     
  </SC安德拉IPT>   js脚本停止

3.弹启二个分包收藏链接工具栏的窗口

  • 用函数调节弹出窗口

复制代码 代码如下:

图片 14图片 15Code
 1图片 16<html>       
 2图片 17  <head>       
 3图片 18  <script   LANGUAGE=”JavaScript”>       
 4图片 19  <!–       
 5图片 20图片 21  function   openwin()   图片 22{   window.open   (“page.html”,   “newwindow”,   “height=100,   width=400,   toolbar=       
 6图片 23  no,   menubar=no,   scrollbars=no,   resizable=no,   location=no,   status=no”)       
 7图片 24  file://写/成一行       
 8图片 25  }       
 9图片 26  file://–/>       
10图片 27  </script>       
11图片 28  </head>       
12图片 29  <body   onload=”openwin()”>       
13图片 30  图片 31随意的页面内容图片 32       
14图片 33  </body>       
15图片 34  </html>      

<html>
<body
www.wangye8.com’,’脚本之家’,’width=400,height=300,directories’);”>
<b>www.wangye8.com</b>
</body>
</html>

      这里定义了一个函数openwin(),函数内容正是开辟八个窗口。在调用它前边从未别的用场。
     
  怎么调用呢?      
  方法一:<body   onload=”openwin()”>   浏览器读页面时弹出窗口;  
   
  方法二:<body   onunload=”openwin()”>  
浏览器离开页面时弹出窗口;      
  方法三:用一个总是调用:<a   href=”#”  
onclick=”openwin()”>张开二个窗口</a> 注意:使用的“#”是虚连接。
     
  方法四:用一个按键调用:<input   type=”button”  
onclick=”openwin()”   value=”张开窗口”>

4.网页对话框

  • 而且弹出2个窗口

复制代码 代码如下:

图片 35图片 36Code
 1图片 37<script   LANGUAGE=”JavaScript”>       
 2图片 38  <!–       
 3图片 39  function   openwin()       
 4图片 40图片 41  图片 42{   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”)       
 5图片 43  file://写/成一行       
 6图片 44  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”)       
 7图片 45  file://写/成一行       
 8图片 46  }       
 9图片 47  file://–/>       
10图片 48  </script>

<html>
<SCRIPT LANGUAGE=”javascript”>
<!–
showModalDialog(‘;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes’)
//–>
</SCRIPT>
<b>www.wangye8.com</b>
</body>
</html>
<html>
<SCRIPT LANGUAGE=”javascript”>
<!–
showModelessDialog(‘;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes’)
//–>
</SCRIPT>
<b>;
</body>
</html>

      为防止弹出的2个窗口覆盖,用top和left调节一下弹出的职位不要相互覆盖就能够。最终用地点说过的多种办法调用就可以。
稳重:2个窗口的name(newwindows和newwindow2)不要同样,只怕简直全部为空。

showModalDialog()或是showModelessDialog()
来调用网页对话框,至于showModalDialog()与showModelessDialog()的区分,在于showModalDialog()张开的窗口(简称情势窗口),置在父窗口上,必得关闭本事访谈父窗口(提议尽量少用,避防招人抵触);showModelessDialog()
dialogHeight: iHeight 设置对话框窗口的可观。
dialogWidth: iWidth 设置对话框窗口的升幅。
dialogLeft: iXPos 设置对话框窗口相对于桌面左上角的left地方。
dialogTop: iYPos 设置对话框窗口绝对于桌面左上角的top地点。
center: {yes | no | 1 | 0 }
钦赐是不是将对话框在桌面上居中,私下认可值是“yes”。
help: {yes | no | 1 | 0 }
钦命对话框窗口中是或不是出示上下文敏感的帮带Logo。私下认可值是“yes”。
resizable: {yes | no | 1 | 0 }
钦定是或不是对话框窗口大小可变。暗中认可值是“no”。
status: {yes | no | 1 | 0 }
钦定对话框窗口是还是不是出示状态栏。对于非情势对话框窗口,暗许值是“yes”;对于形式对话框窗口,私下认可值是
“no”。

  • 主窗口开拓文件1.htm,同时弹出小窗口page.html

5、别的弹出窗口代码
平时上网的朋友大概到过那样有个别网址,一步入首页马上会弹出四个窗口,或然按四个链接或开关弹出,平日在那几个窗口里会议及展览示一些注意事项、版权消息、警告、款待光临之类的话只怕我想要特别提示的消息。其实制作那样的页面非常轻松,只要往该页面包车型地铁HTML里插手几段java
script代码就可以兑现。上边作者就带你深入分析它的精深。

1图片 49<script   language=”javascript”>       
2图片 50  <!–       
3图片 51  function   openwin()       
4图片 52图片 53  图片 54{window.open(“page.html”,””,”width=200,height=200″)       
5图片 55  }       
6图片 56  file://–/>       
7图片 57  </script>

【最基本的弹出窗口代码】
实在代码特别轻便:

地点代码加入<head>区,以下代码到场<body>区:<a
  href=”1.htm”   onclick=”openwin()”>open</a>   

复制代码 代码如下:

  • 弹出的窗口之按期关闭调控

<SCRIPT LANGUAGE=”java script”>
<!–
window.open (‘page.html’)
–>
</SCRIPT>

1图片 58<script   language=”JavaScript”>       
2图片 59  function   closeit()       
3图片 60图片 61  图片 62{setTimeout(“self.close()”,10000)   file://毫/秒}       
4图片 63  </script>

因为那是一段java script代码,所以它们应该献身<SC智跑IPT LANGUAGE =”java
script”>标签和</script>之间。<!–和–>是对一部分版本低的浏览器起功用,在那几个老浏览器中只要不帮忙java
script,不会将标签中的代码作为文本展现出来。
Window.open
(‘page.html’)用于调节弹出新的窗口page.html,假使page.html不与主窗口在同样路线下,前边应写明路径,相对路线(
用单引号和双引号都足以,只是不要混用。
这一段代码能够步向HTML的轻松地点,到场到<head>和</head>之间也足以,地点越靠前实行越早,特别是页面代码较长时,又想使页面早点弹出就尽可能往前放。

地点代码加入<head>区,以下代码修改<body>属性:<body
  onload=”closeit()”>

【经过设置后的弹出窗口】
下边再说一说弹出窗口外观的安装。只要再往上面的代码中加一点东西就足以了。
大家来定制那几个弹出窗口的外观、尺寸大小、弹出地点以适应该页面包车型客车具体情状。

  • 在弹出窗口中丰盛三个平息按键

复制代码 代码如下:

1图片 64<FORM>       
2图片 65  <INPUT   TYPE=’BUTTON’   VALUE=’关闭’   onClick=’window.close()’>       
3图片 66  </FORM> 

<SCRIPT LANGUAGE=”java script:>
<!–
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>

  • 内富含的弹出窗口-贰个页面多个窗口

参数解释
<SCRubiconIPT LANGUAGE=”java script”> 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为允许;
</SCPAJEROIPT> js脚本截止。

图片 67图片 68Code
 1图片 69<html>       
 2图片 70  <head>       
 3图片 71  <SCRIPT   LANGUAGE=”JavaScript”>       
 4图片 72  function   openwin()       
 5图片 73图片 74  图片 75{OpenWindow=window.open(“”,   “newwin”,   “height=250,   width=250,toolbar=no,scrollbars=”+scroll+”,menubar=no”);       
 6图片 76  file://写/成一行       
 7图片 77  OpenWindow.document.write(“<TITLE>例子</TITLE>”)       
 8图片 78  OpenWindow.document.write(“<BODY   BGCOLOR=#ffffff>”)       
 9图片 79  OpenWindow.document.write(“<h1>Hello!</h1>”)       
10图片 80  OpenWindow.document.write(“New   window   opened!”)       
11图片 81  OpenWindow.document.write(“</BODY>”)       
12图片 82  OpenWindow.document.write(“</HTML>”)       
13图片 83  OpenWindow.document.close()}       
14图片 84  </SCRIPT>       
15图片 85  </head>       
16图片 86  <body>       
17图片 87  <a   href=”#”   onclick=”openwin()”>展开四个窗口</a>       
18图片 88  <input   type=”button”   onclick=”openwin()”   value=”张开窗口”>       
19图片 89  </body>       
20图片 90  </html>       
21图片 91

【用函数调节弹出窗口】
上面是三个完全的代码。

  • 终端应用–弹出的窗口之Cookie调控

复制代码 代码如下:

图片 92图片 93Code
 1图片 94<script>       
 2图片 95  function   openwin()       
 3图片 96图片 97  图片 98{window.open(“page.html”,””,”width=200,height=200″)}       
 4图片 99  function   get_cookie(Name)       
 5图片 100图片 101  图片 102{var   search   =   Name   +   “=”       
 6图片 103  var   returnvalue   =   “”;       
 7图片 104图片 105  if   (document.cookie.length   >   0)   图片 106{       
 8图片 107  offset   =   document.cookie.indexOf(search)       
 9图片 108图片 109  if   (offset   !=   -1)   图片 110{       
10图片 111  offset   +=   search.length       
11图片 112  end   =   document.cookie.indexOf(“;”,   offset);       
12图片 113  if   (end   ==   -1)       
13图片 114  end   =   document.cookie.length;       
14图片 115  returnvalue=unescape(document.cookie.substring(offset,end))       
15图片 116  }       
16图片 117  }       
17图片 118  return   returnvalue;       
18图片 119  }       
19图片 120图片 121  function   loadpopup()图片 122{       
20图片 123图片 124  if   (get_cookie(‘popped’)==”)图片 125{       
21图片 126  openwin()       
22图片 127  document.cookie=”popped=yes”       
23图片 128  }       
24图片 129  }       
25图片 130  </script>

<html>
<head>
<script LANGUAGE=”java script”>
<!–
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 >
…跋扈的页面内容…
</body>
</html>

上边代码参与<head>区,以下代码修改<body>区:<body  
onload=”loadpopup()”>

此地定义了一个函数openwin(),函数内容正是打开八个窗口。在调用它在此之前从没任何用场。怎么调用呢?
方法一:<body > 浏览器读页面时弹出窗口;
措施二:<body > 浏览器离开页面时弹出窗口;
方法三:用三个再三再四调用:<a href=”#” >展开贰个窗口</a>
注意:使用的”#”是虚连接。
主意四:用三个按键调用:<input type=”button” value=”打开窗口”>

【主窗口开采文件1.htm,同有时间弹出小窗口page.html】
将如下代码加入主窗口<head>区:

复制代码 代码如下:

<script language=”java script”>
<!–
function openwin(){
window.open(“page.html”,””,”width=200,height=200″ 😉
}
//–>
</script>

加入<body>区:<a href=”1.htm” >open</a>即可。

【弹出的窗口之定时关闭调整】
下面大家再对弹出窗口进行部分说了算,效果就更加好了。假诺大家再将一小段代码插足弹出的页面(注意是加盟到page.html的HTML中,可不是主页面中,不然…),让它在10分钟后活动关闭是否更酷了?
第一,将如下代码参加page.html文件的<head>区:

复制代码 代码如下:

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

下一场,再用<body
>这一句话代表page.html中原本的<BODY>这一句就足以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗口的代码,10分钟后就机关关闭该窗口。)

【在弹出窗口中丰硕三个停息按键】

复制代码 代码如下:

<form>
<INPUT TYPE=’BUTTON’ value=’关闭’
</form>

呵呵,以后进一步完美了!
【内包括的弹出窗口——三个页面多个窗口】
地方的事例都包罗八个窗口,四个是主窗口,另贰个是弹出的小窗口。
由此下边包车型地铁例子,你能够在四个页面内完结地方的功能。

复制代码 代码如下:

<html>
<head>
<SCRIPT LANGUAGE=”java script”>
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()甘休啊。

【终极应用——弹出窗口的Cookie调控】
忆起一下,上面的弹出窗口即便酷,然而有好几小毛病(你沉浸在其乐融融之中,一定未有察觉吗?)比方您将上边的台本放在四个索要频仍通过的页面里(举个例子首页),那么每回刷新那些页面,窗口都会弹出一回,是否特别讨厌?有消除的诀窍呢?Yes!Follow
me。大家利用库克ie来支配一下就足以了。
先是,将如下代码出席主页面HTML的<HEAD>区:

复制代码 代码如下:

<script>
function openpopup(){
window.open(“hello.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=unescape(documents.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie(‘popped’)==”){
openpopup()
documents.cookie=”popped=yes”
}
}
</script>
</head>

将如下代码键入BODY区:
<body > //pop when leave page
或者:
<body > //pop when enter page
你能够试着刷新一下以此页面或另行步向该页面,窗口再也不会弹出了。真正的Pop-Only-Once!
写到这里,弹出窗口的制作和平运动用技巧基本上算是讲完了,希望对正值营造网页的相恋的人有所帮忙自身就不行欣慰了。
亟需留意的是,JS脚本中的大小写最棒光景保持一致。
从未菜单、工具栏、地址栏的弹出窗口:

复制代码 代码如下:

<script language=”java script”>
<!–
var gt = unescape(‘%3e’);
var popup = null;
var over = “Launch Pop-up Navigator”;
popup = window.open(”, ‘popupnav’,
‘width=500,height=500,resizable=0,scrollbars=auto’); //
width=500,height=500为窗口长和宽
if (popup != null) {
if (popup.opener == null) {
popup.opener = self; }
popup.location.href = ‘要开垦的文本名’;
}
// –>
</script>

措施二:Cookies应用:调整弹出窗口
当大家在二个页面中设置叁个POP弹出窗口后,每一遍只要重新浏览该页面,POP窗口就能够自动掸出来,形成不需要的分神。那么怎么化解这几个难题吗?
小编在此处用贰个粗略的事例讲明一下什么通过操作Cookies让弹出窗口只在率先次浏览该页面时弹出,未来就不再招人烦了!
<script> function openpopwindow() {
window.open(“hello.htm”,””,”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) { //
假如原先有cookies记录 offset += search.length; // 设置cookie的开局地点end = documents.cookie.indexOf(“;”, offset); // 设置cookie的停止地方 if
(end == -1) end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset, end)) } } return
returnvalue; } function loadpopup() { if (get_cookie(‘popped’)==”) {
openpopwindow(); documents.cookie=”popped=yes”; } } </script>
将地点的代码键入BODY区: <body > //离开页面包车型地铁时候弹出
大概: <body > //展开页面包车型地铁时候弹出

【本文版权归笔者与奥索网共同具有,如需转发,请注解小编及出处】
相差页面时弹开窗口效果:
效用:外人关闭那个页面包车型客车时候,弹出八个窗口,你能够写一些祝福的话
骨干代码:

复制代码 代码如下:

<script LANGUAGE=”javascript”>
<!–Begin function leave(){
window.open
(‘1.htm’,”,’toolbar=no,menubar=no,location=no,height=225,width=235′);
break
}
//END–>
</script>

如何利用网页弹出各类款式的窗口,小编想我们大约都以驾驭些的,但这种种种二种的弹出式窗口是怎么搞出来的,大家明天就来读书一下:
1.弹启贰个全屏窗口

复制代码 代码如下:

<html>
<body ;;
<b>www.jb51.net</b>
</body>
</html>

2.弹启八个被F11化后的窗口

复制代码 代码如下:

<html>
<body ‘;;
<b>www.jb51.net</b>
</body>
</html>

3.弹启贰个包罗收藏链接工具栏的窗口

复制代码 代码如下:

<html>
<body
www.wangye8.com’,’脚本之家’,’width=400,height=300,directories’);”>
<b>www.wangye8.com</b>
</body>
</html>

4.网页对话框

复制代码 代码如下:

<html>
<SCRIPT LANGUAGE=”javascript”>
<!–
showModalDialog(‘;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes’)
//–>
</SCRIPT>
<b>www.wangye8.com</b>
</body>
</html>
<html>
<SCRIPT LANGUAGE=”javascript”>
<!–
showModelessDialog(‘;
dialogLeft:200px;dialogTop:150px;center:yes;help:yes;resizable:yes;status:yes’)
//–>
</SCRIPT>
<b>;
</body>
</html>

showModalDialog()或是showModelessDialog()
来调用网页对话框,至于showModalDialog()与showModelessDialog()的界别,在于showModalDialog()展开的窗口(简称格局窗口),置在父窗口上,必需关闭本领访谈父窗口(提议尽量少用,防止招人争论);showModelessDialog()
dialogHeight: iHeight 设置对话框窗口的莫斯科大学。
dialogWidth: iWidth 设置对话框窗口的大幅。
dialogLeft: iXPos 设置对话框窗口相对于桌面左上角的left地方。
dialogTop: iYPos 设置对话框窗口相对于桌面左上角的top地点。
center: {yes | no | 1 | 0 }
钦命是还是不是将对话框在桌面上居中,默许值是“yes”。
help: {yes | no | 1 | 0 }
钦赐对话框窗口中是还是不是出示上下文敏感的推搡图标。暗中认可值是“yes”。
resizable: {yes | no | 1 | 0 }
钦赐是还是不是对话框窗口大小可变。默许值是“no”。
status: {yes | no | 1 | 0 }
钦点对话框窗口是不是出示状态栏。对于非形式对话框窗口,暗许值是“yes”;对于形式对话框窗口,私下认可值是
“no”。
5、别的弹出窗口代码
一时上网的情侣也许到过这么一些网址,一踏入首页立时会弹出二个窗口,恐怕按一个链接或开关弹出,日常在这些窗口里会议及展览示一些注意事项、版权音讯、警告、接待光临之类的话可能作者想要非常提醒的音信。其实制作那样的页面特别轻巧,只要往该页面包车型大巴HTML里进入几段java
script代码就可以兑现。上边笔者就带您解析它的深邃。

【最大旨的弹出窗口代码】
实则代码特别轻巧:

复制代码 代码如下:

<SCRIPT LANGUAGE=”java script”>
<!–
window.open (‘page.html’)
–>
</SCRIPT>

因为那是一段java script代码,所以它们应该放在<SCCR-VIPT LANGUAGE =”java
script”>标签和</script>之间。<!–和–>是对一些本子低的浏览器起效果,在那些老浏览器中即便不帮忙java
script,不会将标签中的代码作为文本显示出来。
Window.open
(‘page.html’)用于调节弹出新的窗口page.html,假设page.html不与主窗口在一样路径下,前边应写明路线,相对路线(
用单引号和双引号都能够,只是不要混用。
这一段代码可以出席HTML的自由地点,加入到<head>和</head>之间也得以,地方越靠前试行越早,特别是页面代码较长时,又想使页面早点弹出就尽量往前放。

【经过设置后的弹出窗口】
下边再说一说弹出窗口外观的安装。只要再往上边的代码中加一点东西就足以了。
我们来定制这些弹出窗口的外观、尺寸大小、弹出地方以适应该页面包车型地铁具体意况。

复制代码 代码如下:

<SCRIPT LANGUAGE=”java script:>
<!–
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>

参数解释:
<SCHavalIPT LANGUAGE=”java script”> 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为允许;
</SCOdysseyIPT> js脚本停止。

【用函数调控弹出窗口】
下边是二个完全的代码。

复制代码 代码如下:

<html>
<head>
<script LANGUAGE=”java script”>
<!–
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 >
…自便的页面内容…
</body>
</html>

这里定义了叁个函数openwin(),函数内容正是开荒贰个窗口。在调用它前边未曾别的用场。怎么调用呢?
格局一:<body > 浏览器读页面时弹出窗口;
主意二:<body > 浏览器离开页面时弹出窗口;
格局三:用二个连接调用:<a href=”#” >展开三个窗口</a>
注意:使用的”#”是虚连接。
办法四:用贰个开关调用:<input type=”button” value=”张开窗口”>

【主窗口开采文件1.htm,同一时间弹出小窗口page.html】
将如下代码参与主窗口<head>区:

复制代码 代码如下:

<script language=”java script”>
<!–
function openwin(){
window.open(“page.html”,””,”width=200,height=200″ 😉
}
//–>
</script>

加入<body>区:<a href=”1.htm” >open</a>即可。

【弹出的窗口之定时关闭调整】
下边我们再对弹出窗口举办部分垄断,效果就更加好了。如果大家再将一小段代码参预弹出的页面(注意是投入到page.html的HTML中,可不是主页面中,不然…),让它在10分钟后自动关闭是否更酷了?
率先,将如下代码出席page.html文件的<head>区:

复制代码 代码如下:

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

然后,再用<body
>这一句话代表page.html中原来的<BODY>这一句就足以了。(这一句话千万不要忘记写啊!这一句的功能是调用关闭窗口的代码,10秒钟后就活动关闭该窗口。)

【在弹出窗口中加上二个关门按键】

复制代码 代码如下:

<form>
<INPUT TYPE=’BUTTON’ value=’关闭’
</form>

呵呵,未来进一步完美了!

【内含有的弹出窗口——多个页面五个窗口】
上边的例子都满含七个窗口,一个是主窗口,另一个是弹出的小窗口。
通过下边包车型大巴例证,你能够在四个页面内完毕地点的成效。

复制代码 代码如下:

<html>
<head>
<SCRIPT LANGUAGE=”java script”>
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()甘休啊。