`

JAVASCRIPT弹出窗口大总结 (转)

阅读更多
JAVASCRIPT弹出窗口大总结
2008-08-29 10:02
注: 
//关闭,父窗口弹出对话框,子窗口直接关闭 
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')</script>"); 

//弹出窗口刷新当前页面 
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.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.opener.document.referrer);window.close();</script>"); 

//子窗口刷新父窗口 
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("<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> 

  参数解释: 

  <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/n滚动条 
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("<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()";
window.open
<a href="#" onClick="javascrpt:window.open('adminlove_edituser.asp?user_id=<%=rs("user_id")%>','','toolbar=no,location=no,width=540,height=360')">编审</a>
window.open 的各个属性参数
2007-02-27 12:52:03 / 个人分类:代码
具体总结 window.open 的各个属性参数如下:
windowobj = window.open([URL ][, name ][, features ][, replace]]]])
URL:新窗口的URL地址
name:新窗口的名称,可以为空
featurse:属性控制字符串,在此控制窗口的各种属性,属性之间以逗号隔开。
fullscreen= { yes/no/1/0 } 是否全屏,默认no
channelmode= { yes/no/1/0 } 是否显示频道栏,默认no
toolbar= { yes/no/1/0 } 是否显示工具条,默认no
location= { yes/no/1/0 } 是否显示地址栏,默认no
directories = { yes/no/1/0 } 是否显示转向按钮,默认no
status= { yes/no/1/0 } 是否显示窗口状态条,默认no
menubar= { yes/no/1/0 } 是否显示菜单,默认no
scrollbars= { yes/no/1/0 } 是否显示滚动条,默认yes
resizable= { yes/no/1/0 } 是否窗口可调整大小,默认no
width=number 窗口宽度(像素单位)
height=number 窗口高度(像素单位)
top=number 窗口离屏幕顶部距离(像素单位)
left=number 窗口离屏幕左边距离(像素单位) 


分享到:
评论

相关推荐

    JAVASCRIPT弹出窗口大总结

    ### JavaScript弹出窗口知识点总结 #### 一、概述 JavaScript是一种广泛使用的脚本语言,它在前端开发中占据着极其重要的地位。通过JavaScript,开发者可以实现网页与用户的交互功能,其中弹出窗口就是一种常见的...

    javascript弹出窗口问题总结

    本篇文章将针对JavaScript弹出窗口的相关问题进行总结,包括无提示刷新网页、刷新页面的方法、弹出窗口代码、模式窗口的数据刷新问题、模式窗口中链接弹出新窗口以及无提示关闭页面的方法。 1. **无提示刷新网页** ...

    玩透javascript弹出窗口

    总结起来,JavaScript弹出窗口通过`window.open`函数实现,可以根据需求自定义窗口的属性,如大小、位置和显示元素,并通过函数和事件绑定来控制何时打开窗口。掌握这些知识,你可以更加灵活地在网页中实现各种弹出...

    JAVASCRIPT弹出窗口代码

    ### JavaScript弹出窗口代码详解 在网页开发过程中,有时我们需要创建一个新的浏览器窗口来显示特定的信息或功能,这就需要用到JavaScript中的`window.open()`方法。本文将详细介绍如何使用此方法以及其参数的意义...

    javascript弹出窗口命令总结

    ### JavaScript 弹出窗口命令总结 #### 一、概述 在网页开发中,JavaScript 提供了多种用于创建弹出窗口的方法。这些方法可以帮助开发者在不离开当前页面的情况下展示额外的信息或进行用户交互。本文将详细介绍 `...

    javascript操作DIV总结(弹出窗口篇)

    以上就是关于JavaScript操作DIV,特别是弹出窗口的总结。实际开发中,还可以结合AJAX、jQuery等技术进一步提升效率和功能。希望这篇总结能对你的学习有所帮助,也欢迎你分享更多实践经验和技巧。

    asp.net常用的javascript弹出窗口代码

    ### ASP.NET 中 JavaScript 弹出窗口的常用代码详解 在 Web 开发中,JavaScript 的弹出窗口功能是非常实用且常见的一个特性。对于 ASP.NET 开发者来说,掌握这些技巧能够帮助他们在开发过程中更加灵活地控制页面...

    JavaScript弹出窗口方法汇总_.docx

    本文将对 JavaScript 弹出窗口方法进行总结和分析,帮助读者更好地理解和应用这些方法。 一、无提示刷新网页 在 Web 开发中,我们经常遇到需要刷新网页的情况。有的网页在刷新时会弹出提示窗口,而有的页面则不会...

    javascript弹出窗口

    - **参数**:`message` 表示显示在弹出对话框中的文本。 - **返回值**:该函数没有返回值。 **示例代码**: ```javascript alert("这是一个警告框"); ``` **应用场景**:通常用于提示用户注意一些信息,如错误...

    javascript 弹出窗口

    总结来说,JavaScript弹出窗口技术不仅可以使用内置的`alert()`, `prompt()`, `confirm()`函数,还可以通过自定义HTML和CSS实现更复杂的模态对话框。在实际项目中,自定义弹出层通常会结合JavaScript和CSS,提供更加...

    弹出窗口资料弹出窗口资料

    总结,弹出窗口是Web开发中的重要组件,涉及HTML、CSS、JavaScript等多个技术领域。了解其工作原理、合理使用以及优化策略,有助于创建更高效、友好的用户界面。通过分析提供的文件,可以深入学习这些知识点,并实际...

    javascript 实现弹出小窗口

    - **核心知识点**:通过 JavaScript 代码创建一个新窗口或弹出窗口,并能够控制其大小、位置以及各种浏览器工具栏的显示与隐藏等属性。 #### 标签:弹出小窗口 - **关键词提取**:此标签表明文章的主题是围绕“弹出...

    JS 弹出窗口 javascript

    总结,JavaScript的弹出窗口功能是增强网页交互性的关键工具。通过理解并熟练运用`alert()`, `confirm()`, `prompt()`以及自定义模态对话框,开发者可以创造出更丰富、更具吸引力的用户体验。然而,在实际应用中,需...

    js-弹出窗口

    总结,创建一个简单的JavaScript弹出窗口涉及HTML结构的构建、CSS样式的设定以及JavaScript事件处理的编写。通过合理组合这些元素,我们可以创建出既有视觉吸引力又具有良好交互性的弹出窗口。在这个案例中,"弹出...

    javascript div弹出窗口 可封装为JS类

    总结来说,"javascript div弹出窗口 可封装为JS类"这个主题涉及到了JavaScript基础、HTML DOM操作、CSS样式设计以及模块化编程思想。通过封装`div`弹窗为JS类,我们可以创建一个灵活、可维护的弹窗系统,便于在各种...

    将弹出窗口切换至最大.txt

    通过上述分析可以看出,利用JavaScript中的`self.moveTo()`、`self.resizeTo()`和`self.focus()`方法,可以轻松地实现将弹出窗口调整为全屏显示的功能。这对于提高用户体验和展示效果具有重要意义。同时,还需要注意...

    div做的弹出窗口

    总结起来,这个项目是一个使用HTML、CSS和JavaScript实现的自定义弹出窗口,具有拖动功能,提供了一种更加灵活和个性化的用户体验。通过学习和理解这个项目,开发者可以提升在前端交互设计和实现上的技能。

    js 自动弹出窗口 下来菜单效果

    在探讨“js自动弹出窗口下来菜单效果”的知识点时,我们不仅关注JavaScript代码本身,还应当深入了解其背后的逻辑与应用场景。这段代码展示了如何利用JavaScript创建一个动态下拉菜单,并在用户选择菜单项时自动打开...

    css3带阴影弹出窗口.zip

    总结起来,"css3带阴影弹出窗口"项目是利用CSS3的阴影效果和jQuery的事件处理及动画功能,创建了一个具有专业外观和交互性的弹出窗口组件。这不仅展示了CSS3和jQuery的强大力量,也为网页设计提供了一种优雅的解决...

Global site tag (gtag.js) - Google Analytics