澳门新浦京娱乐场网站-www.146.net-新浦京娱乐场官网
做最好的网站

澳门新浦京娱乐场网站javascript弹出窗口,NET弹出

javascript中window.open()与window.location.href的区别

  

黄金年代、JS的三种最广大的对话框

JavaScript弹出窗口方法汇总,javascript弹出窗口

正文实例汇总了常用的JavaScript弹出窗口方法,供大家相比参谋,希望能对我们持有助于。详细措施如下:

1.无提示刷新网页:

世家有未有察觉,有个别网页,刷新的时候,会弹出几个提示窗口,点“显著”才会刷新。
而一些页面不会提示,不弹出提醒窗口,直接就刷新了.
万少年老成页面未有form,
则不会弹出提醒窗口
如若页面有form表单,
a)<form  method="post" ...> 
   会弹出提醒窗口
b)<form  method="get" ...> 
   不会弹出  

2. javascript刷新页面的点子:

window.location.reload();

行使window.open()弹出的弹出窗口,刷新父窗口

window.opener.location.reload()

使用window.showDialog弹出的形式窗口

window.dialogArguments.location.reload();

3.javascript弹出窗口代码: window.open()方式:
window.open()扶持条件: JavaScript1.0 /JScript1.0 /Nav2 /IE3 /Opera3
着力语法:

window.open(pageURL,name,parameters) 

其中:
pageULX570L 为子窗口路线
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)
 
示例:

<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>

剧本运营后,page.html就要新窗体newwindow中开荒,宽为100,高为400,距屏顶0象素,屏左0象素,无工具条,无菜单条,无滚动条,不可调治大小,无地址栏,无状态栏。
请对照。

上例中关系的为常用的多少个参数,除此以外还恐怕有众多别样参数,请见四。

每一种参数
中间yes/no也可选择1/0;pixel value为实际的数值,单位象素。

参数 | 取值范围 | 表达
| |
alwaysLowered | yes/no | 内定窗口隐敝在富有窗口之后
alwaysRaised | yes/no | 钦定窗口悬浮在装有窗口之上
depended | yes/no | 是不是和父窗口同一时候关闭
directories | yes/no | Nav2和3的目录栏是还是不是可以知道
height | pixel value | 窗口低度
hotkeys | yes/no | 在没菜单栏的窗口中设安全退出热键
innerHeight | pixel value | 窗口中文档的像素高度
innerWidth | pixel value | 窗口粤语档的像素宽度
location | yes/no | 地点栏是或不是可以知道
menubar | yes/no | 菜单栏是还是不是可知
outerHeight | pixel value | 设定窗口(包蕴装饰边框)的像素中度
outerWidth | pixel value | 设定窗口(满含装饰边框)的像素宽度
resizable | yes/no | 窗口大小是不是可调动
screenX | pixel value | 窗口距显示器侧边界的像素长度
screenY | pixel value | 窗口距显示器上边界的像素长度
scrollbars | yes/no | 窗口是还是不是可有滚动栏
titlebar | yes/no | 窗口标题栏是或不是可以预知
toolbar | yes/no | 窗口工具栏是或不是可知
Width | pixel value | 窗口的像素宽度
z-look | yes/no | 窗口被激活后是或不是浮在其它窗口之上   

function ShowDialog(url) {
  var iWidth=300; //窗口宽度
  var iHeight=200;//窗口高度
  var iTop=(window.screen.height-iHeight)/2;
  var iLeft=(window.screen.width-iWidth)/2;
  window.open(url,"Detail","Scrollbars=no,Toolbar=no,Location=no,Direction=no,Resizeable=no,
Width=" iWidth " ,Height=" iHeight ",top=" iTop ",left=" iLeft);
 }

  
window.showModalDialog方式:

主干介绍:

showModalDialog() (IE 4 支持)
showModelessDialog() (IE 5 支持)
window.showModalDialog()方法用来创制贰位展馆示HTML内容的模态对话框。
window.showModelessDialog()方法用来成立叁个来得HTML内容的非模态对话框。

利用方式:

vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])

参数表明:

sURL--
必选参数,类型:字符串。用来钦点对话框要展现的文书档案的UTiggoL。
vArguments--
可选参数,类型:变体。用来向对话框传递参数。传递的参数类型不限,包含数组等。对话框通过window.dialogArguments来获得传递步向的参数。
sFeatures--
可选参数,类型:字符串。用来说述对话框的外观等消息,能够运用以下的贰个或多少个,用分号“;”隔绝。
1.dialogHeight :对话框中度,相当的大于100px,IE4中dialogHeight 和 dialogWidth 暗许的单位是em,而IE5中是px,为便于其见,在概念modal方式的对话框时,用px做单位。
2.dialogWidth: 对话框宽度。
3.dialogLeft: 离荧屏左的离开。
4.dialogTop: 离显示屏上的相距。
5.center: {yes | no | 1 | 0 }:窗口是还是不是居中,默许yes,但还是可以够钦赐中度和宽窄。
6.help: {yes | no | 1 | 0 }:是不是出示援救开关,私下认可yes。
7.resizable: {yes | no | 1 | 0 } [IE5+]:是还是不是可被转移大小。暗中认可no。
8.status: {yes | no | 1 | 0 } [IE5 ]:是或不是出示状态栏。默感觉yes[ Modeless]或no[Modal]。
9.scroll:{ yes | no | 1 | 0 | on | off }:指明对话框是不是出示滚动条。默以为yes。

上边多少个属性是用在HTA中的,在日常的网页中貌似不利用。

10.dialogHide:{ yes | no | 1 | 0 | on | off }:在打字与印刷或许打印预览时对话框是不是隐身。默感到no。
11.edge:{ sunken | raised }:指明对话框的边框样式。默认为raised。
12.unadorned:{ yes | no | 1 | 0 | on | off }:默认为no。

参数字传送递:

注:
//关闭,父窗口弹出对话框,子窗口直接关闭

window.open 表示新扩张叁个窗口展开 index.html 这些页面,并不刷新 location.href 表示在当前窗口重定向到新页面,张开并刷新 index.html 那个页面 window.location 是 window 对象的习性,用来替换当前页,相当于重新定位当前页

js弹出框、对话框、提醒框、弹窗计算

 

风流罗曼蒂克、JS的三种最见怪不怪的对话框

 

//====================== JS最常用三种弹出对话框 ========================

    //弹出对话框并输出一段提示信息
    function ale() {
        //弹出一个对话框
        alert("提示信息!");

    }

    //弹出一个询问框,有确定和取消按钮
    function firm() {
        //利用对话框返回的值 (true 或者 false)
        if (confirm("你确定提交吗?")) {
            alert("点击了确定");
        }
        else {
            alert("点击了取消");
        }

    }

    //弹出一个输入框,输入一段文字,可以提交
    function prom() {
        var name = prompt("请输入您的名字", ""); //将输入的内容赋给变量 name ,

        //这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值
        if (name)//如果返回的有内容
        {
            alert("欢迎您:"   name)
        }

    }

  

二、点击按键时常用的6中提醒框和操作

 1 <!-----------按钮提示框---------->
 2 <input type="button" name="btn2" id="btn2" value="删除" onclick="return confirm('Yes/No'););
 3 
 4 <!-----------按钮提示框----------> 
 5 <input type="button" name="btn2" id="btn2" value="提示" onclick="javaScript:alert('您确定要删除吗?');
 6 
 7 <!-----------提交按钮----------> 
 8 <input type="button" value="提交" onclick="javaScript:window.location.href='http://www.baidu.com';"/>
 9 
10 <!-----------关闭按钮----------> 
11 <input type="button" value="关闭" onclick="javaScript:window.close();">
12 
13 <!-----------返回并关闭连接----------> 
14 <a href="#" onclick="javascript:;window.opener.location.reload();window.close()">返回</a>
15 javaScript:window.location.reload();//返回当前页并刷新
16 
17 <!-----------返回上一级页面----------> 
18 <input type="button" name="button" value="< 返回" onclick="javascript:history.go(-1)"/>

三、弹出独立窗口

 1 //关闭,父窗口弹出对话框,子窗口直接关闭 
 2 this.Response.Write("<script language=javascript>window.close();</script>");
 3 
 4 //关闭,父窗口和子窗口都不弹出对话框,直接关闭 
 5 this.Response.Write("<script>"); 
 6 this.Response.Write("{top.opener =null;top.close();}"); 
 7 this.Response.Write("</script>");
 8 
 9 //弹出窗口刷新当前页面width=200 height=200菜单。菜单栏,工具条,地址栏,状态栏全没有 
10 this.Response.Write("<script language=javascript>window.open('rows.aspx','newwindow','width=200,height=200')</script>");
11 
12 //弹出窗口刷新当前页面 
13 this.Response.Write("<script language=javascript>window.open('rows.aspx')</script>");
14 this.Response.Write("<script>window.open('WebForm2.aspx','_blank');</script>");
15 
16 //弹出提示窗口跳到webform2.aspx页(在一个IE窗口中) 
17 this.Response.Write(" <script language=javascript>alert('注册成功');window.window.location.href='WebForm2.aspx';</script> ");
18 
19 //关闭当前子窗口,刷新父窗口 
20 this.Response.Write("<script>window.opener.location.href=window.opener.location.href;window.close();</script>");
21 this.Response.Write("<script>window.opener.location.replace(window.opener.document.referrer);window.close();</script>");
22 
23 //子窗口刷新父窗口 
24 this.Response.Write("<script>window.opener.location.href=window.opener.location.href;</script>");
25 this.Response.Write("<script>window.opener.location.href='WebForm1.aspx';</script>");
26 
27 //弹出提示窗口.确定后弹出子窗口(WebForm2.aspx) 
28 this.Response.Write("<script language='javascript'>alert('发表成功!');window.open('WebForm2.aspx')</script>");
29 
30 //弹出提示窗口,确定后,刷新父窗口 
31 this.Response.Write("<script>alert('发表成功!');window.opener.location.href=window.opener.location.href;</script>");
32 
33 //弹出相同的一页 
34 <INPUT type="button" value="Button" onclick="javascript:window.open(window.location.href)">
35 
36 // 
37 Response.Write("parent.mainFrameBottom.location.href='yourwebform.aspx?temp="  str "';");
38 
39 
40 <SCRIPT LANGUAGE="javascript"> 
41 <!-- 
42 window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //这句要写成一行
43 --> 

参数解释:

 

window.open 弹出新窗口的吩咐; 
'page.html' 弹出窗口的公文名; 
'newwindow' 弹出窗口的名字(不是文件名卡塔 尔(英语:State of Qatar),非必需,可用空''取代; 
  height=100 窗口中度; 
  width=400 窗口宽度; 
  top=0 窗口间距显示屏上方的象素值; 
  left=0 窗口间隔显示屏左侧的象素值; 
  toolbar=no 是还是不是出示工具栏,yes为突显; 
  menubar,scrollbars 代表菜单栏和滚动栏。 
  resizable=no 是不是同意改换窗口大小,yes为允许; 
  location=no 是不是出示地址栏,yes为允许; 
  status=no 是或不是出示状态栏内的新闻(经常是文本已经打开卡塔 尔(阿拉伯语:قطر‎,yes为允许;

**'newwin':隐讳菜单栏地址栏工具条 

**

四、弹出窗口实例演示

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

  window.open ('page.html') 


    //2、经过设置后的弹出窗口

  window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //这句要写成一行

   
  //参数解释: 
  //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为允许; 
   
    //3、用函数控制弹出窗口
  
  function openwin() {
      window.open("page.html", "newwindow", "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //写成一行
  } 
    $(document).ready(fucntion(){
        openwin();
    });
  
  //这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。怎么调用呢?

  //方法一:<body onload="openwin()"> 浏览器读页面时弹出窗口; 
  //方法二:<body onunload="openwin()"> 浏览器离开页面时弹出窗口; 
  //方法三:用一个连接调用: 
  //<a href="#" onclick="openwin()">打开一个窗口</a> 
  //注意:使用的“#”是虚连接。 
  //方法四:用一个按钮调用: 
  //<input type="button" onclick="openwin()" value="打开窗口"> 
  
    //4、同时弹出2个窗口 
   
      function openwin() {
          window.open("page.html", "newwindow", "height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=n o, status=no")//写成一行
          window.open("page2.html", "newwindow2", "height=100, width=100, top=1 00, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, loca tion=no, status=no")//写成一行
      } 

  //为避免弹出的2个窗口覆盖,用top和left控制一下弹出的位置不要相互覆盖即可 。最后用上面说过的四种方法调用即可。 
  //注意:2个窗口的name(newwindows和newwindow2)不要相同,或者干脆全部为空。

    //5、主窗口打开文件1.htm,同时弹出小窗口page.html

      function openwin() {
          window.open("page.html", "", "width=200,height=200")
      }  

  //调用:<a href="1.htm" onclick="openwin()">open</a>

    //6、弹出的窗口之定时关闭控制
   
  //下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段 代码加入弹出的页面(注意是加入page.html的HTML中,不是主页面中),让它10秒后自动关闭是不是更酷了?
    //首先,将如下代码加入page.html文件的<head>区: 
    function closeit() {
        setTimeout("self.close()", 10000) //毫秒 
    } 
    //页面加载完成调用关闭事件
  $(document).ready(fucntion(){
        closeit();
    });

    //7、在弹出窗口中加上一个关闭按钮

    //<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'> 
  

    //8、内包含的弹出窗口-一个页面两个窗口

  //上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。通过下面的例子,你可以在一个页面内完成上面的效果。

      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()
      } 
  
  //<a href="#" onclick="openwin()">打开一个窗口</a> 
  //<input type="button" onclick="openwin()" value="打开窗口"> 


    //9、终极应用--弹出的窗口之Cookie控制

  //回想一下,上面的弹出窗口虽然酷,但是有一点小毛病,比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,我们使用cookie来控制一下就可以了。
  //首先,将如下代码加入主页面HTML的<HEAD>区:

      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"
          }
      } 

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

 

 

  

 

(1卡塔尔.要想对话框传递参数,是由此vArguments来进展传递的。类型不节制,对于字符串类型,最大为40玖拾捌个字符。也得以传递对象,比方:

parent.htm页面:

<script>
var obj = new Object();
obj.name="jb51";
window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>

modal.htm页面:

<script>
var obj = window.dialogArguments
alert("您传递的参数为:"   obj.name)
</script>

(2)能够经过window.returnValue向展开对话框的窗口再次来到音信,当然也能够是指标。举个例子:

parent.htm页面代码:

<script>
str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
alert(str);
</script>
modal.htm
<script>
window.returnValue="http://www.jb51.com";
</script>

例子:

function ShowDialog(url) {
  var iWidth=300; //窗口宽度
  var iHeight=200;//窗口高度
  var iTop=(window.screen.height-iHeight)/2;
  var iLeft=(window.screen.width-iWidth)/2;
  window.showModalDialog(url,window,"dialogHeight: " iHeight "px; dialogWidth: " iWidth "px;
dialogTop: " iTop "; dialogLeft: " iLeft "; resizable: no; status: no;scroll:no");
 }

小心这里的第4个参数,window

4.格局窗口数量不刷新(缓存卡塔 尔(英语:State of Qatar)难点

在jsp页面出席如下语句

<%
   response.setHeader("Pragma","No-Cache");
   response.setHeader("Cache-Control","No-Cache");
   response.setDateHeader("Expires", 0);
%>

5.形式窗口中,链接弹出新窗口难点:
◎_blank,在新浏览器窗口中张开链接文件。

◎_parent,将链接的公文载入含有该链接框架的父框架集或父窗口中。假使带有该链接的框架不是嵌套的,则在浏览器全屏窗口中载入链接的文书,就象_self参数相通。

◎_self,在长期以来框架或窗口中展开所链接的文书档案。此参数为默许值,平时并非内定。

◎_top,在近些日子的任何浏览器窗口中开采所链接的文书档案,因此会去除全部框架。

在</head>和<body>间加入<a href=“a.html”target="_blank "/>

6.无提示关闭页面包车型客车措施:

function CloseWin(){
  var ua = navigator.userAgent; var ie = navigator.appName=="Microsoft Internet Explorer"?true:false;
  if(ie){
 var IEversion = parseFloat(ua.substring(ua.indexOf("MSIE ") 5,ua.indexOf(";",ua.indexOf("MSIE "))));
  if( IEversion< 5.5){
  var str = '';
  document.body.insertAdjacentHTML("beforeEnd", str);
   document.all.noTipClose.Click();
  } else {
   window.opener =null; window.close();
  }
 }else{
 window.close()
 }
}

感兴趣的读者能够调治一下上述方法,相信会给我们带给一定的错误的指导与支持。

this.Response.Write("<script language=javascript>window.close();</script>");

而window.open 是 window 对象的主意,是用来打开多个新窗口的函数

js弹出框、对话框、提醒框、弹窗总计

 

生机勃勃、JS的三种最何足为奇的对话框

 

[javascript] view plaincopy

 

 

  1. //====================== JS最常用三种弹出对话框 ========================  
  2.   
  3.     //弹出对话框并出口朝气蓬勃段提示消息  
  4.     function ale() {  
  5.         //弹出四个对话框  
  6.         alert("提醒新闻!");  
  7.   
  8.     }  
  9.   
  10.     //弹出贰个询问框,有规定和注销开关  
  11.     function firm() {  
  12.         //利用对话框再次来到的值 (true 只怕 false卡塔尔  
  13.         if (confirm("你明确提交吗?")) {  
  14.             alert("点击了明确");  
  15.         }  
  16.         else {  
  17.             alert("点击了撤回");  
  18.         }  
  19.   
  20.     }  
  21.   
  22.     //弹出二个输入框,输入风华正茂段文字,可以交到  
  23.     function prom() {  
  24.         var name = prompt("请输入您的名字", ""); //将输入的内容赋给变量 name ,  
  25.   
  26.         //这里供给注意的是,prompt有三个参数,前边是提示的话,前边是当对话框出来后,在对话框里的暗许值  
  27.         if (name)//借使再次回到的有内容  
  28.         {  
  29.             alert("欢迎您:"   name)  
  30.         }  
  31.   
  32.     }  

二、点击开关时常用的6中提醒框和操作

 

 

[html] view plaincopy

 

 

  1. <!-----------按键提醒框---------->  
  2. <input type="button" name="btn2" id="btn2" value="删除" onclick="return confirm('Yes/No'););  
  3.   
  4. <!-----------开关提示框---------->   
  5. <input type="button" name="btn2" id="btn2" value="提醒" onclick="javaScript:alert('您鲜明要刨除吗?');  
  6.   
  7. <!-----------提交开关---------->   
  8. <input type="button" value="提交" onclick="javaScript:window.location.href=';  
  9.   
  10. <!-----------关闭按键---------->   
  11. <input type="button" value="关闭" onclick="javaScript:window.close();">  
  12.   
  13. <!-----------重回并关闭连接---------->   
  14. <a href="#" onclick="javascript:;window.opener.location.reload();window.close()">返回</a>  
  15. javaScript:window.location.reload();//重回当前页并刷新  
  16.   
  17. <!-----------再次回到上一流页面---------->   
  18. <input type="button" name="button" value="< 返回" onclick="javascript:history.go(-1)"/>  

三、弹出独立窗口

 

 

[javascript] view plaincopy

 

 

  1. //关闭,父窗口弹出对话框,子窗口直接关门   
  2. this.Response.Write("<script language=javascript>window.close();</script>");  
  3.   
  4. //关闭,父窗口和子窗口都不弹出对话框,间接关门   
  5. this.Response.Write("<script>");   
  6. this.Response.Write("{top.opener =null;top.close();}");   
  7. this.Response.Write("</script>");  
  8.   
  9. //弹出窗口刷新当前页面width=200 height=200菜谱。菜单栏,工具条,地址栏,状态栏全未有   
  10. this.Response.Write("<script language=javascript>window.open('rows.aspx','newwindow','width=200,height=200')</script>");  
  11.   
  12. //弹出窗口刷新当前页面   
  13. this.Response.Write("<script language=javascript>window.open('rows.aspx')</script>");  
  14. this.Response.Write("<script>window.open('WebForm2.aspx','_blank');</script>");  
  15.   
  16. //弹出提醒窗口跳到webform2.aspx页(在叁个IE窗口中)   
  17. this.Response.Write(" <script language=javascript>alert('注册成功');window.window.location.href='WebForm2.aspx';</script> ");  
  18.   
  19. //关闭当前子窗口,刷新父窗口   
  20. this.Response.Write("<script>window.opener.location.href=window.opener.location.href;window.close();</script>");  
  21. this.Response.Write("<script>window.opener.location.replace(window.opener.document.referrer);window.close();</script>");  
  22.   
  23. //子窗口刷新父窗口   
  24. this.Response.Write("<script>window.opener.location.href=window.opener.location.href;</script>");  
  25. this.Response.Write("<script>window.opener.location.href='WebForm1.aspx';</script>");  
  26.   
  27. //弹出提醒窗口.鲜明后弹出子窗口(WebForm2.aspx)   
  28. this.Response.Write("<script language='javascript'>alert('宣布成功!');window.open('WebForm2.aspx')</script>");  
  29.   
  30. //弹出提醒窗口,显然后,刷新父窗口   
  31. this.Response.Write("<script>alert('发布成功!');window.opener.location.href=window.opener.location.href;</script>");  
  32.   
  33. //弹出意气风发致的风流洒脱页   
  34. <INPUT type="button" value="Button" onclick="javascript:window.open(window.location.href)">  
  35.   
  36. //   
  37. Response.Write("parent.mainFrameBottom.location.href='yourwebform.aspx?temp="  str "';");  
  38.   
  39.   
  40. <SCRIPT LANGUAGE="javascript">   
  41. <!--   
  42. window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //那句要写成朝气蓬勃行  
  43. -->   

   参数解释:

 

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 是或不是出示状态栏内的音信(平时是文本已经开发卡塔 尔(英语:State of Qatar),yes为允许;

**'newwin':隐讳菜单栏地址栏工具条 

**

四、弹出窗口实例演示

 

[javascript] view plaincopy

 

 

  1.   //1、最中央的弹出窗口代码  
  2.   
  3. window.open ('page.html')   
  4.   
  5.   
  6.   //2、经过设置后的弹出窗口  
  7.   
  8. window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //这句要写成一行  
  9.   
  10.    
  11. //参数解释:   
  12. //window.open 弹出新窗口的通令;   
  13. //'page.html' 弹出窗口的公文名;   
  14. //'newwindow' 弹出窗口的名字(不是文件名卡塔尔国,非必得,可用空''替代;   
  15. //height=100 窗口高度;   
  16. //width=400 窗口宽度;   
  17. //top=0 窗口间距显示器上方的象素值;   
  18. //left=0 窗口间隔显示器左侧的象素值;   
  19. //toolbar=no 是或不是出示工具栏,yes为展现;   
  20. //menubar,scrollbars 代表菜单栏和滚动栏。   
  21. //resizable=no 是还是不是同意改换窗口大小,yes为允许;   
  22. //location=no 是或不是出示地址栏,yes为允许;   
  23. //status=no 是还是不是出示状态栏内的消息(经常是文本已经打开卡塔尔,yes为允许;   
  24.    
  25.   //3、用函数调节弹出窗口  
  26.   
  27. function openwin() {  
  28.     window.open("page.html", "newwindow", "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //写成大器晚成行  
  29. }   
  30.   $(document).ready(fucntion(){  
  31.       openwin();  
  32.   });  
  33.   
  34. //这里定义了二个函数openwin(),函数内容便是开荒一个窗口。在调用它从前并未其它用途。怎么调用呢?  
  35.   
  36. //方法意气风发:<body onload="openwin()"> 浏览器读页面时弹出窗口;   
  37. //方法二:<body onunload="openwin()"> 浏览器离开页面时弹出窗口;   
  38. //方法三:用叁个接连调用:   
  39. //<a href="#" onclick="openwin()">张开三个窗口</a>   
  40. //注意:使用的“#”是虚连接。   
  41. //方法四:用三个按键调用:   
  42. //<input type="button" onclick="openwin()" value="展开窗口">   
  43.   
  44.   //4、同有的时候候弹出2个窗口   
  45.    
  46.     function openwin() {  
  47.         window.open("page.html", "newwindow", "height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=n o, status=no")//写成风流倜傥行  
  48.         window.open("page2.html", "newwindow2", "height=100, width=100, top=1 00, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, loca tion=no, status=no")//写成风度翩翩行  
  49.     }   
  50.   
  51. //为制止弹出的2个窗口覆盖,用top和left调整一下弹出的职位不要相互覆盖就可以 。最终用地点说过的两种办法调用就可以。   
  52. //注意:2个窗口的name(newwindows和newwindow2)不要相像,只怕几乎全部为空。  
  53.   
  54.   //5、主窗口打开文件1.htm,同期弹出小窗口page.html  
  55.   
  56.     function openwin() {  
  57.         window.open("page.html", "", "width=200,height=200")  
  58.     }    
  59.   
  60. //调用:<a href="1.htm" onclick="openwin()">open</a>  
  61.    
  62.   //6、弹出的窗口之依期关闭调整  
  63.    
  64. //下边大家再对弹出的窗口举行部分说了算,效果就越来越好了。假如我们再将一小段 代码加入弹出的页面(注意是步入page.html的HTML中,不是主页面中),让它10秒后自动关闭是或不是更酷了?  
  65.   //首先,将如下代码插足page.html文件的<head>区:   
  66.   function closeit() {  
  67.       setTimeout("self.close()", 10000) //毫秒   
  68.   }   
  69.   //页面加载成功调用关闭事件  
  70. $(document).ready(fucntion(){  
  71.       closeit();  
  72.   });  
  73.   
  74.   //7、在弹出窗口中足够二个安息按键  
  75.   
  76.   //<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'>   
  77.   
  78.   
  79.   //8、内包罗的弹出窗口-一个页面三个窗口  
  80.   
  81. //上面的例子都满含七个窗口,二个是主窗口,另叁个是弹出的小窗口。通过上面包车型客车事例,你能够在多少个页面内做到地点的效果与利益。  
  82.   
  83.     function openwin() {  
  84.         OpenWindow = window.open("", "newwin", "height=250, width=250,toolbar=no ,scrollbars="   scroll   ",menubar=no");  
  85.         //写成风流倜傥行   
  86.         OpenWindow.document.write("<TITLE>例子</TITLE>")  
  87.         OpenWindow.document.write("<BODY BGCOLOR=#ffffff>")  
  88.         OpenWindow.document.write("<h1>Hello!</h1>")  
  89.         OpenWindow.document.write("New window opened!")  
  90.         OpenWindow.document.write("</BODY>")  
  91.         OpenWindow.document.write("</HTML>")  
  92.         OpenWindow.document.close()  
  93.     }   
  94.   
  95. //<a href="#" onclick="openwin()">张开三个窗口</a>   
  96. //<input type="button" onclick="openwin()" value="展开窗口">   
  97.   
  98.   
  99.   //9、终极应用--弹出的窗口之库克ie调控  
  100.   
  101. //回看一下,上边包车型大巴弹出窗口即便酷,不过有几许小毛病,比方你将方面包车型客车剧本放在二个索要每每通过的页面里(举例首页),那么每便刷新这几个页面,窗口都会弹出一遍,大家选择cookie来支配一下就能够了。  
  102. //首先,将如下代码加入主页面HTML的<HEAD>区:  
  103.   
  104.     function openwin() {  
  105.         window.open("page.html", "", "width=200,height=200")  
  106.     }  
  107.     function get_cookie(Name) {  
  108.         var search = Name   "="  
  109.         var returnvalue = "";  
  110.         if (document.cookie.length > 0) {  
  111.             offset = document.cookie.indexOf(search)  
  112.             if (offset != -1) {  
  113.                 offset  = search.length  
  114.                 end = document.cookie.indexOf(";", offset);  
  115.                 if (end == -1)  
  116.                     end = document.cookie.length;  
  117.                 returnvalue = unescape(document.cookie.substring(offset, end))  
  118.             }  
  119.         }  
  120.         return returnvalue;  
  121.     }  
  122.     function loadpopup() {  
  123.         if (get_cookie('popped') == '') {  
  124.             openwin()  
  125.             document.cookie = "popped=yes"  
  126.         }  
  127.     }   
  128.   
  129. //然后,用<body onload="loadpopup()">(注意不是openwin而是loadpop啊!卡塔尔国替换主页面中原有的<BODY>这一句就能够。你能够试着刷新一下那么些页面或重复步向该页面,窗口再也不会弹出了。真正的Pop-Only-Once!  
  1. //====================== JS最常用二种弹出对话框 ========================  
  2.   
  3.     //弹出对话框并出口生机勃勃段提醒新闻  
  4.     function ale() {  
  5.         //弹出贰个对话框  
  6.         alert("提示音信!");  
  7.   
  8.     }  
  9.   
  10.     //弹出二个询问框,有规定和注销按键  
  11.     function firm() {  
  12.         //利用对话框重回的值 (true 也许 false卡塔尔国  
  13.         if (confirm("你分明提交吗?")) {  
  14.             alert("点击了鲜明");  
  15.         }  
  16.         else {  
  17.             alert("点击了注销");  
  18.         }  
  19.   
  20.     }  
  21.   
  22.     //弹出三个输入框,输入意气风发段文字,能够交给  
  23.     function prom() {  
  24.         var name = prompt("请输入您的名字", ""); //将输入的剧情赋给变量 name ,  
  25.   
  26.         //这里须求当心的是,prompt有七个参数,后面是进行试探的话,后边是当对话框出来后,在对话框里的暗许值  
  27.         if (name)//假如重返的有内容  
  28.         {  
  29.             alert("欢迎您:"   name)  
  30.         }  
  31.   
  32.     } 

javascript怎完毕弹出窗口

不容许不阻碍,凡是由程序自动实施展开的新窗口都会被阻碍,独有当您的新窗口是由顾客积极激活某些程序展开的才不会,

大凡有JavaScript自动张开的窗口都得以选择关闭功用,不然浏览器依然阻止恐怕直接忽视,展开用window,open();关闭用window.cloas();定位新窗口供给接受浏览器bom,在open中加多相应参数就能够,参数很麻烦建议上网查  

//关闭,父窗口和子窗口都不弹出对话框,直接关门

 // 打开新页面 // 注意:有些浏览器的安全设置会将window.open()屏蔽,例如避免弹出广告窗 window.open; // 在原窗口打开新页面 window.location.href="./index.html";

 

javascript 弹出窗口难点

意气风发组常用的弹出窗口用法

以下代码会集常用的弹出窗口用法。

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

<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html')
-->
</SCRIPT>

代码放在<SC库罗德IPT LANGUAGE="javascript">标签和</script>之间。

<!-- 和 -->是对有的版本低的浏览器起功用。
window.open ('page.html') 用于决定弹出新的窗口page.html,假使page.html不与主窗口在平等路径下,前边应写明路线,相对路线(

这后生可畏段代码能够参预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>

参数解释:

<SC凯雷德IPT 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......余下全文>>  

本文实例汇总了常用的JavaScript弹出窗口方法,供大家相比参照他事他说加以考察,希望能对大家全部助于。详细...

this.Response.Write("<script>");
this.Response.Write("{top.opener =null;top.close();}");
this.Response.Write("</script>");

window.open()详解

二、点击开关时常用的6中提示框和操作

//弹出窗口刷新当前页面width=200 height=200食谱。菜单栏,工具条,地址栏,状态栏全未有

window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no')

 

this.Response.Write("<script language=javascript>window.open

window.open 弹出新窗口的下令; ‘page.html' 弹出窗口的文书名; ‘newPage' 弹出窗口的名字,非必得,可用空''代替; height=100 窗口中度; width=400 窗口宽度; top=0 窗口间隔显示器上方的象素值; left=0 窗口间距显示器左侧的象素值; toolbar=no 是不是出示工具栏,yes为呈现; menubar=no 是不是出示菜单栏,yes为展现; scrollbars=no 是还是不是出示滚动栏,yes为体现; resizable=no 是或不是同意改造窗口大小,yes为允许; location=no 是还是不是出示地址栏,yes为允许; status=no 是或不是出示状态栏内的新闻,yes为允许;

 

('rows.aspx','newwindow','width=200,height=200')</script>");

常用的js重回与刷新页面

  1. <!-----------按键提示框---------->  
  2. <input type="button" name="btn2" id="btn2" value="删除" onclick="return confirm('Yes/No'););  
  3.   
  4. <!-----------按键提示框---------->   
  5. <input type="button" name="btn2" id="btn2" value="提醒" onclick="javaScript:alert('您鲜明要去除吗?');  
  6.   
  7. <!-----------提交开关---------->   
  8. <input type="button" value="提交" onclick="javaScript:window.location.href=';  
  9.   
  10. <!-----------关闭按键---------->   
  11. <input type="button" value="关闭" onclick="javaScript:window.close();">  
  12.   
  13. <!-----------重回并关闭连接---------->   
  14. <a href="#" onclick="javascript:;window.opener.location.reload();window.close()">返回</a>  
  15. javaScript:window.location.reload();//再次来到当前页并刷新  
  16.   
  17. <!-----------再次回到上一流页面---------->   
  18. <input type="button" name="button" value="< 返回" onclick="javascript:history.go(-1)"/> 

//弹出窗口刷新当前页面

返回上一页 返回上一页 返回前两页 刷新当前页面 返回上一页并刷新

 // 刷新当前页面 window.location.Reload(); self.location.reload(); window.location.href = window.location.href; 

 

this.Response.Write("<script language=javascript>window.open('rows.aspx')</script>");
this.Response.Write("<script>window.open('WebForm2.aspx','_blank');</script>");

总结

三、弹出独立窗口

//弹出提醒窗口跳到webform2.aspx页(在三个IE窗口中)

上述所述是作者给大家介绍的javascript跳转与再次回到和刷新页面包车型地铁实例代码,希望对我们有所扶持,假设大家有任何疑问请给本身留言,作者会及时苏醒大家的。在那也极度感激大家对台本之家网址的支撑!就算您感觉本文对你有帮扶,应接转发,烦请注脚出处,谢谢!

 

this.Response.Write(" <script language=javascript>alert('注册成

  1. //关闭,父窗口弹出对话框,子窗口直接关门   
  2. this.Response.Write("<script language=javascript>window.close();</script>");  
  3.   
  4. //关闭,父窗口和子窗口都不弹出对话框,直接关门   
  5. this.Response.Write("<script>");   
  6. this.Response.Write("{top.opener =null;top.close();}");   
  7. this.Response.Write("</script>");  
  8.   
  9. //弹出窗口刷新当前页面width=200 height=200菜谱。菜单栏,工具条,地址栏,状态栏全未有   
  10. this.Response.Write("<script language=javascript>window.open('rows.aspx','newwindow','width=200,height=200')</script>");  
  11.   
  12. //弹出窗口刷新当前页面   
  13. this.Response.Write("<script language=javascript>window.open('rows.aspx')</script>");  
  14. this.Response.Write("<script>window.open('WebForm2.aspx','_blank');</script>");  
  15.   
  16. //弹出提醒窗口跳到webform2.aspx页(在二个IE窗口中)   
  17. this.Response.Write(" <script language=javascript>alert('注册成功');window.window.location.href='WebForm2.aspx';</script> ");  
  18.   
  19. //关闭当前子窗口,刷新父窗口   
  20. this.Response.Write("<script>window.opener.location.href=window.opener.location.href;window.close();</script>");  
  21. this.Response.Write("<script>window.opener.location.replace(window.opener.document.referrer);window.close();</script>");  
  22.   
  23. //子窗口刷新父窗口   
  24. this.Response.Write("<script>window.opener.location.href=window.opener.location.href;</script>");  
  25. this.Response.Write("<script>window.opener.location.href='WebForm1.aspx';</script>");  
  26.   
  27. //弹出提示窗口.鲜明后弹出子窗口(WebForm2.aspx)   
  28. this.Response.Write("<script language='javascript'>alert('发布成功!');window.open('WebForm2.aspx')</script>");  
  29.   
  30. //弹出提醒窗口,分明后,刷新父窗口   
  31. this.Response.Write("<script>alert('公布成功!');window.opener.location.href=window.opener.location.href;</script>");  
  32.   
  33. //弹出同样的生龙活虎页   
  34. <INPUT type="button" value="Button" onclick="javascript:window.open(window.location.href)">  
  35.   
  36. //   
  37. Response.Write("parent.mainFrameBottom.location.href='yourwebform.aspx?temp="  str "';");  
  38.   
  39.   
  40. <SCRIPT LANGUAGE="javascript">   
  41. <!--   
  42. window.open ('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //那句要写成生龙活虎行  
  43. -->  

功');window.window.location.href='WebForm2.aspx';</script> ");

 

//关闭当前子窗口,刷新父窗口

 

this.Response.Write

   参数解释:

("<script>window.opener.location.href=window.opener.location.href;window.close

 

();</script>");
this.Response.Write("<script>window.opener.location.replace

window.open 弹出新窗口的指令; 
'page.html' 弹出窗口的文件名; 
'newwindow' 弹出窗口的名字(不是文本名卡塔 尔(英语:State of Qatar),非必须,可用空''代替; 
  height=100 窗口高度; 
  width=400 窗口宽度; 
  top=0 窗口间隔显示屏上方的象素值; 
  left=0 窗口间距荧屏侧面的象素值; 
  toolbar=no 是不是出示工具栏,yes为彰显; 
  menubar,scrollbars 代表菜单栏和滚动栏。 
  resizable=no 是还是不是允许改动窗口大小,yes为允许; 
  location=no 是或不是出示地址栏,yes为允许; 
  status=no 是还是不是出示状态栏内的音讯(平常是文本已经开垦卡塔尔,yes为允许;

(window.opener.document.referrer);window.close();</script>");

**'newwin':隐蔽菜单栏地址栏工具条 

//子窗口刷新父窗口

**

this.Response.Write

四、弹出窗口实例演示

("<script>window.opener.location.href=window.opener.location.href;</script>");
this.Response.Write("<script>window.opener.location.href='WebForm1.aspx';</script>");

 

//弹出提醒窗口.显明后弹出子窗口(WebForm2.aspx)

  1. //1、最基本的弹出窗口代码  
  2.   
  3. window.open ('page.html')   
  4.   
  5.   
  6.   //2、经过设置后的弹出窗口  
  7.   
  8. window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no') //那句要写成生龙活虎行  
  9.   
  10.    
  11. //参数解释:   
  12. //window.open 弹出新窗口的吩咐;   
  13. //'page.html' 弹出窗口的文本名;   
  14. //'newwindow' 弹出窗口的名字(不是文件名卡塔 尔(阿拉伯语:قطر‎,非必须,可用空''取代;   
  15. //height=100 窗口高度;   
  16. //width=400 窗口宽度;   
  17. //top=0 窗口间距显示器上方的象素值;   
  18. //left=0 窗口间隔显示器左边的象素值;   
  19. //toolbar=no 是还是不是出示工具栏,yes为呈现;   
  20. //menubar,scrollbars 代表菜单栏和滚动栏。   
  21. //resizable=no 是不是允许改造窗口大小,yes为允许;   
  22. //location=no 是或不是出示地址栏,yes为允许;   
  23. //status=no 是不是出示状态栏内的新闻(平时是文本已经开拓卡塔尔国,yes为允许;   
  24.    
  25.   //3、用函数调整弹出窗口  
  26.   
  27. function openwin() {  
  28. 澳门新浦京娱乐场网站,    window.open("page.html", "newwindow", "height=100, width=400, toolbar =no, menubar=no, scrollbars=no, resizable=no, location=no, status=no") //写成生机勃勃行  
  29. }   
  30.   $(document).ready(fucntion(){  
  31.       openwin();  
  32.   });  
  33.   
  34. //这里定义了二个函数openwin(),函数内容正是开发一个窗口。在调用它早先未曾其他用项。怎么调用呢?  
  35.   
  36. //方法风流罗曼蒂克:<body onload="openwin()"> 浏览器读页面时弹出窗口;   
  37. //方法二:<body onunload="openwin()"> 浏览器离开页面时弹出窗口;   
  38. //方法三:用一个三番两次调用:   
  39. //<a href="#" onclick="openwin()">张开三个窗口</a>   
  40. //注意:使用的“#”是虚连接。   
  41. //方法四:用多少个按键调用:   
  42. //<input type="button" onclick="openwin()" value="张开窗口">   
  43.   
  44.   //4、同有的时候间弹出2个窗口   
  45.    
  46.     function openwin() {  
  47.         window.open("page.html", "newwindow", "height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=n o, status=no")//写成风度翩翩行  
  48.         window.open("page2.html", "newwindow2", "height=100, width=100, top=1 00, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, loca tion=no, status=no")//写成意气风发行  
  49.     }   
  50.   
  51. //为制止弹出的2个窗口覆盖,用top和left调整一下弹出的职分不要互相覆盖就能够 。最终用地方说过的两种方法调用就能够。   
  52. //注意:2个窗口的name(newwindows和newwindow2)不要相符,可能大致全体为空。  
  53.   
  54.   //5、主窗口张开文件1.htm,同偶然间弹出小窗口page.html  
  55.   
  56.     function openwin() {  
  57.         window.open("page.html", "", "width=200,height=200")  
  58.     }    
  59.   
  60. //调用:<a href="1.htm" onclick="openwin()">open</a>  
  61.    
  62.   //6、弹出的窗口之依期关闭调节  
  63.    
  64. //上边大家再对弹出的窗口实香港行政局地决定,效果就更加好了。即便大家再将一小段 代码参加弹出的页面(注意是参加page.html的HTML中,不是主页面中),让它10秒后活动关闭是或不是更酷了?  
  65.   //首先,将如下代码插足page.html文件的<head>区:   
  66.   function closeit() {  
  67.       setTimeout("self.close()", 10000) //毫秒   
  68.   }   
  69.   //页面加载成功调用关闭事件  
  70. $(document).ready(fucntion(){  
  71.       closeit();  
  72.   });  
  73.   
  74.   //7、在弹出窗口中拉长三个关闭开关  
  75.   
  76.   //<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'>   
  77.   
  78.   
  79.   //8、内包含的弹出窗口-贰个页面八个窗口  
  80.   
  81. //下边包车型大巴例子都含有多个窗口,叁个是主窗口,另二个是弹出的小窗口。通过上面包车型客车事例,你能够在一个页面内完毕地点的功力。  
  82.   
  83.     function openwin() {  
  84.         OpenWindow = window.open("", "newwin", "height=250, width=250,toolbar=no ,scrollbars="   scroll   ",menubar=no");  
  85.         //写成豆蔻年华行   
  86.         OpenWindow.document.write("<TITLE>例子</TITLE>")  
  87.         OpenWindow.document.write("<BODY BGCOLOR=#ffffff>")  
  88.         OpenWindow.document.write("<h1>Hello!</h1>")  
  89.         OpenWindow.document.write("New window opened!")  
  90.         OpenWindow.document.write("</BODY>")  
  91.         OpenWindow.document.write("</HTML>")  
  92.         OpenWindow.document.close()  
  93.     }   
  94.   
  95. //<a href="#" onclick="openwin()">展开叁个窗口</a>   
  96. //<input type="button" onclick="openwin()" value="张开窗口">   
  97.   
  98.   
  99.   //9、终极应用--弹出的窗口之Cookie调整  
  100.   
  101. //回看一下,上边的弹出窗口纵然酷,可是有少数小毛病,举例你将上边包车型地铁剧本放在三个内需频频通过的页面里(比如首页),那么每便刷新那一个页面,窗口都会弹出一遍,大家应用cookie来决定一下就可以了。  
  102. //首先,将如下代码出席主页面HTML的<HEAD>区:  
  103.   
  104.     function openwin() {  
  105.         window.open("page.html", "", "width=200,height=200")  
  106.     }  
  107.     function get_cookie(Name) {  
  108.         var search = Name   "="  
  109.         var returnvalue = "";  
  110.         if (document.cookie.length > 0) {  
  111.             offset = document.cookie.indexOf(search)  
  112.             if (offset != -1) {  
  113.                 offset  = search.length  
  114. 澳门新浦京娱乐场网站javascript弹出窗口,NET弹出窗口。                end = document.cookie.indexOf(";", offset);  
  115.                 if (end == -1)  
  116.                     end = document.cookie.length;  
  117.                 returnvalue = unescape(document.cookie.substring(offset, end))  
  118.             }  
  119.         }  
  120.         return returnvalue;  
  121.     }  
  122.     function loadpopup() {  
  123.         if (get_cookie('popped') == '') {  
  124.             openwin()  
  125.             document.cookie = "popped=yes"  
  126.         }  
  127.     }   
  128.   
  129. //然后,用<body onload="loadpopup()">(注意不是openwin而是loadpop啊!卡塔尔替换主页面中原有的<BODY>这一句就可以。你可以试着刷新一下以此页面或重复步向该页面,窗口再也不会弹出了。真正的Pop-Only-Once! 

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.aspx?temp=" str "';");

<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=n o, status=no') //那句要写成后生可畏行
-->
</SCRIPT>
  参数解释:

<SCENVISIONIPT 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为允许;
   fullscreen 最大化
  </SCRAV4IPT> js脚本甘休

'newwin':遮白花芥蓝单栏地址栏工具条
width=50:宽度
height=50:高度
scrollbars=yes/no:滚动条
top=50:窗口间隔显示屏上方
left=50:窗口间距荧屏左边
例:window.open('detail.aspx?ID=" e.Item.Cells

[1].Text "','newwin','width=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=n

o,resizable=yes,width=750,height=470,left=80,top=40');</script>");[/quote]例:
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.open('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=n

o,resizable=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 } 是不是在窗口中体现各类按键。默感到yes。
fullscreen = { yes | no | 1 | 0 } 是不是用全屏情势展示浏览器。默感觉no。使用那风姿罗曼蒂克风味时要求特别

小心。因为这风流罗曼蒂克性质大概会暗藏浏览器的标题栏和菜单,你不得不提供三个按键恐怕其余提示来支持使用者

闭馆那后生可畏浏览窗口。ALT F4足以关闭窗口。一个全屏窗口必需接收阶梯(channelmode)形式。
height = number 钦点窗口的莫大,单位是像素。最小值是100。
left = number 钦赐窗口距侧面框的偏离,单位是像素。值必需当先也许等于0。
location = { yes | no | 1 | 0 } 钦赐是不是在窗口中显得地址栏。暗中认可为yes。
menubar = { yes | no | 1 | 0 } 内定是不是在窗口中显示菜单栏。默以为yes。
resizable = { yes | no | 1 | 0 } 钦命是不是在窗口中显得可供客户调解大小的句柄。默认为yes。
scrollbars = { yes | no | 1 | 0 } 钦赐是不是在窗口中呈现横向大概纵向滚动条。默以为yes。
status = { yes | no | 1 | 0 } 钦点是不是在窗口中体现状态栏。默感到yes。
titlebar = { yes | no | 1 | 0 } 钦命是或不是在窗口中显得标题栏。在非调用HTML Application可能贰个

对话框的景况下,那意气风发项将被忽略。默感到yes。
toolbar = { yes | no | 1 | 0 } 钦命是还是不是在窗口中显得工具栏,包罗如前进、后退、截止等开关。默

认为yes。
top = number 内定窗口最上部之处,单位是像素。值必需大于或然等于0。
width = number 钦定窗口的宽窄,单位是像素。最小值是100。

【1、最中心的弹出窗口代码】

<SCRIPT LANGUAGE="javascript">
  <!--
  window.open ('page.html')
  -->
  </SCRIPT>
  因为那是后生可畏段javascripts代码,所以它们应该献身里面。是对一些本子低的浏览器起功能,在此些

老浏览器中不会将标签中的代码作为文本呈现出来。要养成那几个好习于旧贯啊。window.open ('page.html')

用于调控弹出新的窗口page.html,倘诺page.html不与主窗口在平等路线下,后边应写明路线,相对路线

(

随意地方,和中间能够,间也得以,越前越早实行,尤其是页面代码长,又想使页面早点弹出就硬着头皮往前

放。
【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=n o, status=no') //这句要写成生机勃勃


  -->
  </SCRIPT>
  参数解释:

<SCHavalIPT 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宝马X3IPT> js脚本停止
【3、用函数调控弹出窗口】
  下边是三个完好的代码。

<html>
  <head>
  <script LANGUAGE="JavaScript">
  <!--
  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 onload="openwin()">
  大肆的页面内容...
  </body>
  </html>

  这里定义了叁个函数openwin(),函数内容正是开采一个窗口。在调用它以前从未其他用项。怎么调用

呢?

  方法一:

<body onload="openwin()">
浏览器读页面时弹出窗口;
  方法二:

<body onunload="openwin()">
浏览器离开页面时弹出窗口;
  方法三:用一个总是调用:

<a href="#" onclick="openwin()">张开一个窗口</a>
  注意:使用的“#”是虚连接。
  方法四:用七个按键调用:

<input type="button" onclick="openwin()" 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=n o, status=no")//写成大器晚成行
  window.open ("page2.html", "newwindow2", "height=100, width=100, top=1 00,

left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, loca tion=no, status=no")//写

成一行
  }
  //-->
  </script>
为制止弹出的2个窗口覆盖,用top和left调整一下弹出的职位不要相互覆盖就能够。最后用地方说过的四

种情势调用就能够。
  注意:2个窗口的name(newwindows和newwindow2)不要相似,或然干脆全体为空。
【5、主窗口张开文件1.htm,同不日常间弹出小窗口page.html】

  如下代码到场主窗口区:

<script language="javascript">
  <!--
  function openwin() {
  window.open("page.html","","width=200,height=200")
  }
  //-->
  </script>
  加入<body>区:
  <a href="1.htm" onclick="openwin()">open</a>即可。
【6、弹出的窗口之准时关闭调整】
  下边大家再对弹出的窗口实行部分调节,效果就更加好了。即使大家再将一小段 代码参加弹出的页面(

专一是踏入page.html的HTML中,不是主页面中),让它10秒后自动关闭是或不是更酷了?
先是,将如下代码参与page.html文件的区:

<script language="JavaScript">
  function closeit()
  {
  setTimeout("self.close()",10000) //毫秒
  }
  </script>
  然后,再用 这一句话代表page.html中本来的这一句就能够了。(这一句话千万不要遗忘写啊!那大器晚成

句的功用是调用关闭窗口的代码,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=" 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="#" onclick="openwin()">展开三个窗口</a>
  <input type="button" onclick="openwin()" value="张开窗口">
  </body>
  </html>
  看看OpenWindow.document.write()里面包车型地铁代码不就是行业内部的HTML吗?只要依据格式写越多的行就能够

。千万注意多一个标签或少贰个标签就能够情不自禁错误。记得用 OpenWindow.document.close()甘休啊。

【9、终极应用--弹出的窗口之Cookie调整】

  回看一下,上边的弹出窗口纵然酷,不过有少数小毛病,比方您将地点的脚本放在七个要求频繁通过

的页面里(举个例子首页),那么每便刷新那一个页面,窗口都会弹出贰次,我们使用cookie来支配一下就足以了


  首先,将如下代码出席主页面HTML的区:

<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 onload="loadpopup()">
(注意不是openwin而是loadpop啊!卡塔尔替换主页面中原有的这一句就可以。你能够试着刷新一下这几个页面或

再度进入该页面,窗口再也不会弹出了。真正的Pop-Only-Once

本文由澳门新浦京娱乐场网站发布于服务器,转载请注明出处:澳门新浦京娱乐场网站javascript弹出窗口,NET弹出