js弹出窗口总结6种弹窗方法.docx
- 文档编号:17804690
- 上传时间:2023-08-04
- 格式:DOCX
- 页数:7
- 大小:19.94KB
js弹出窗口总结6种弹窗方法.docx
《js弹出窗口总结6种弹窗方法.docx》由会员分享,可在线阅读,更多相关《js弹出窗口总结6种弹窗方法.docx(7页珍藏版)》请在冰点文库上搜索。
js弹出窗口总结6种弹窗方法
js弹出窗口总结6种弹窗方法
注:
//关闭,父窗口弹出对话框,子窗口直接关闭
this.Response。
Write(”
close();〈/script>");
//关闭,父窗口和子窗口都不弹出对话框,直接关闭
this.Response。
Write("”);
//弹出窗口刷新当前页面width=200height=200菜单。
菜单栏,工具条,地址栏,状态栏全没有
this。
Response。
Write(”
aspx',’newwindow','width=200,height=200’)”);
//弹出窗口刷新当前页面
this。
Response.Write("〈scriptlanguage=javascript〉window。
open('rows。
aspx')
this。
Response。
Write(”
//弹出提示窗口跳到webform2。
aspx页(在一个IE窗口中)
this。
Response。
Write("
window。
location。
href=’WebForm2。
aspx';”);
//关闭当前子窗口,刷新父窗口
this.Response.Write("〈script>window.opener.location。
href=window。
opener。
location。
href;window。
close();〈/script〉");
this.Response。
Write("〈script〉window.opener。
location.replace(window。
opener.document。
referrer);window.close();”);
//子窗口刷新父窗口
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)
this。
Response。
Write(”〈scriptlanguage='javascript'〉alert('发表成功!
’);window。
open(’WebForm2.aspx')
//弹出提示窗口,确定后,刷新父窗口
this。
Response。
Write("
//弹出相同的一页
window。 open(window.location.href)”〉 // Response.Write(”parent。 mainFrameBottom。 location.href=’yourwebform。 aspx? temp="+str+"';"); -- 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')//这句要写成一行 ——〉 参数解释: 〈SCRIPTLANGUAGE="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为允许; 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=no,resizable=yes,width=750,height=470,left=80,top=40');〈/script〉”); 例: this。 Response。 Write(” 弹出跟你当前的窗口有没有菜单工具栏没有关系,你只要在页面中写一个脚本它就弹出了。 比如 open(’xxx。 aspx’,'窗口名称’,'参数');”>xxxxx 以下列出一些弹出窗口的参数,你可自行设定,参数之间用逗号分隔 可选.字符串-—列出对象表并用逗号分开。 每一项都有自己的值,他们将被分开(如: "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}指定是否在窗口中显示标题栏。 在非调用HTMLApplication或者一个对话框的情况下,这一项将被忽略。 默认为yes. toolbar={yes|no|1|0}指定是否在窗口中显示工具栏,包括如前进、后退、停止等按钮.默认为yes。 top=number指定窗口顶部的位置,单位是像素。 值必须大于或者等于0。 width=number指定窗口的宽度,单位是像素。 最小值是100。 【1、最基本的弹出窗口代码】 〈SCRIPTLANGUAGE="javascript”〉 〈! —— window。 open(’page。 html’) --〉 〈/SCRIPT> 因为这是一段javascripts代码,所以它们应该放在〈SCRIPTLANGUAGE=”javascript”>标签和 〈! -—和—-〉是对一些版本低的浏览器起作用,在这些老浏览器中不会将标签中的代码作为文本显示出来.要养成这个好习惯啊.window。 open(’page。 html')用于控制弹出新的窗口page.html,如果page.html不与主窗口在同一路径下,前面应写明路径,绝对路径(http: //)和相对路径(。 。 /)均可。 用单引号和双引号都可以,只是不要混用。 这一段代码可以加入HTML的任意位置, 【2、经过设置后的弹出窗口】 下面再说一说弹出窗口的设置.只要再往上面的代码中加一点东西就可以了。 我们来定制这个弹出的窗口的外观,尺寸大小,弹出的位置以适应该页面的具体情况。 〈SCRIPTLANGUAGE=”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')//这句要写成一行 —-> 参数解释: 〈SCRIPTLANGUAGE="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〉 〈scriptLANGUAGE=”JavaScript”〉 〈! -— functionopenwin(){ window。 open("page。 html","newwindow”,"height=100,width=400,toolbar=no,menubar=no,scrollbars=no,resizable=no,location=no,status=no")//写成一行 } //——> 〈/script> 〈bodyonload="openwin()”> 任意的页面内容...