`

JavaScript弹出窗口

阅读更多

 

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

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 窗口离屏幕左边距离(像素单位)



对话框有三种 

1:只是提醒,不能对脚本产生任何改变; 

2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 if...else...判断 

3: 一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片 

下面我们分别演示: 

<%@LANGUAGE="JAVASCRIPT" CODEPAGE="936"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>三种弹出对话框的用法实例</title> 
<script language="javascript"> 
function ale() 
{//这个基本没有什么说的,就是弹出一个提醒的对话框 
    alert("我敢保证,你现在用的是演示一"); 

function firm() 
{//利用对话框返回的值 (true 或者 false) 
    if(confirm("你确信要转去 天轰穿的博客?")) 
    {//如果是true ,那么就把页面转向thcjp.cnblogs.com 
        location.href="http://thcjp.cnblogs.com"; 
    } 
    else 
    {//否则说明下了,赫赫 
        alert("你按了取消,那就是返回false"); 
    } 

function prom() 

    var name=prompt("请输入您的名字","");//将输入的内容赋给变量 name , 
    //这里需要注意的是,prompt有两个参数,前面是提示的话,后面是当对话框出来后,在对话框里的默认值 
    if(name)//如果返回的有内容 
    { 
        alert("欢迎您:"+ name) 
    } 

</script> 
</head> 

<body> 
<p>对话框有三种</p> 
<p>1:只是提醒,不能对脚本产生任何改变;</p> 
<p>2:一般用于确认,返回 true 或者 false ,所以可以轻松用于 ifelse判断 </p> 
<p>3: 一个带输入的对话框,可以返回用户填入的字符串,常见于某些留言本或者论坛输入内容那里的 插入UBB格式图片 </p> 
<p>下面我们分别演示:</p> 
<p>演示一:提醒 对话框</p> 
<p> 
  <input type="submit" name="Submit" value="提交" onclick="ale()" /> 
</p> 
<p>演示二 :确认对话框 </p> 
<p> 
  <input type="submit" name="Submit2" value="提交" onclick="firm()" /> 
</p> 
<p>演示三 :要求用户输入,然后给个结果</p> 
<p> 
  <input type="submit" name="Submit3" value="提交" onclick="prom()" /> 
</p> 
</body> 
</html> 



分享到:
评论

相关推荐

    制作Javascript弹出窗口技巧九则

    ### 制作Javascript弹出窗口技巧九则 在网页开发中,使用JavaScript创建弹出窗口是一种常见的技术。本文将详细介绍如何使用JavaScript实现弹出窗口功能,并分享九个实用技巧。 #### 技巧一:基本弹出窗口 最简单...

    JAVASCRIPT弹出窗口大总结

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

    玩透javascript弹出窗口

    JavaScript弹出窗口是一种常见的网页交互方式,用于向用户展示额外信息或进行特定操作。本文将深入探讨如何设计和控制JavaScript弹出窗口。 首先,最基本的弹出窗口代码是使用`window.open`函数。例如: ```...

    javascript 弹出窗口

    在给定的标题“javascript 弹出窗口”和描述“推荐一个非常好用的javascript弹出窗口控件”中,我们可以推测这是一个关于使用JavaScript实现弹出窗口的控件库。下面我们将深入探讨JavaScript弹出窗口的相关知识点。 ...

    JAVASCRIPT弹出窗口代码

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

    javascript弹出窗口lhgdialog

    javascript弹出窗口lhgdialog 非常好用

    jQuery popup javascript 弹出窗口

    总的来说,jQuery popup javascript弹出窗口的实现涉及到JavaScript编程、CSS样式设计、事件处理、浏览器兼容性优化等多个方面,是一个综合性的网页开发任务。通过研究提供的文件,可以深入理解这些技术的结合应用。

    关于JavaScript弹出窗口详解

    本文将深入探讨JavaScript弹出窗口的实现方法和各种自定义选项。 首先,最基本的弹出窗口代码使用`window.open()`函数实现。该函数接受三个参数:要打开的页面URL、新窗口的名称以及一个包含窗口特征的字符串。例如...

    javascript弹出窗口问题总结

    JavaScript弹出窗口是网页交互中常见的一种功能,用于显示额外信息、用户确认或者提供其他交互。本篇文章将针对JavaScript弹出窗口的相关问题进行总结,包括无提示刷新网页、刷新页面的方法、弹出窗口代码、模式窗口...

    JavaScript弹出窗口及与父窗口交互

    在开发Web应用程序时,JavaScript弹出窗口经常被用于提供一种用户友好的交互方式。这篇文章将指导你如何在ASP.NET环境中创建一个JavaScript弹出窗口,并实现弹出窗口与调用窗口之间的通信,包括值的传递以及如何模拟...

    JavaScript弹出窗口DIV层效果代码

    ### JavaScript弹出窗口DIV层效果代码详解 在现代网页设计中,弹出窗口或模态框(Modal)是一种常见的交互模式,用于展示额外的信息、表单或其他内容,而不需重新加载整个页面。本文将深入解析如何使用纯JavaScript...

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

    JavaScript 弹出窗口方法汇总 JavaScript 弹出窗口方法是 Web 开发中常用的技术,用于实现弹出窗口、刷新网页、模式窗口等功能。本文将对 JavaScript 弹出窗口方法进行总结和分析,帮助读者更好地理解和应用这些...

    JavaScript弹出窗口详解.mht

    JavaScript弹出窗口详解.mht,JavaScript弹出窗口详解.mht,JavaScript弹出窗口详解.mht,JavaScript弹出窗口详解.mht,JavaScript弹出窗口详解.mht,JavaScript弹出窗口详解.mht

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

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

    JavaScript弹出窗口拖拽插件

    JavaScript弹出窗口拖拽插件是一种实用的前端技术,它允许用户通过鼠标操作来改变div元素(即弹出窗口)的位置。这种插件基于JavaScript语言,无需依赖其他库如jQuery,因此具有轻量级和高效的特性。在网页设计中,...

    基于Jquery的Javascript弹出窗口

    【基于Jquery的Javascript弹出窗口】是一种在网页中实现交互式信息提示的技术,它能够以更为优雅的方式替代传统的浏览器alert、confirm和prompt对话框。Jquery是一个强大的JavaScript库,它简化了DOM操作,事件处理...

    javascript弹出窗口中增加确定取消按钮

    在Web开发中,使用JavaScript弹出窗口来获取用户的确认或者提供额外的操作选项是一种常见的交互方式。本文主要介绍如何在ECShop这样的电子商务平台上,通过JavaScript代码实现在弹出窗口中增加“确定”和“取消”...

    javascript弹出窗口

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

Global site tag (gtag.js) - Google Analytics