`
shuai1234
  • 浏览: 971800 次
  • 性别: Icon_minigender_1
  • 来自: 山西
社区版块
存档分类
最新评论

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()"; 

 

 

分享到:
评论

相关推荐

    JavaScript实现弹窗效果代码分析

    效果图: 话不多说,请看代码: 每个弹窗的标识 var x =0; var idzt = new Array(); var Window = function(config){ ID不重复 idzt[x] = "zhuti"+x; 弹窗ID 初始化,接收参数 this.config = { width : ...

    JavaScript实现简单的弹窗效果

    本文实例为大家分享了JavaScript实现弹窗效果的具体代码,供大家参考,具体内容如下 使用css动画效果实现弹窗缓慢弹出和收回。 使用JavaScript实现定时弹出定时收回。 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &...

    网站弹窗代码,多种打开方式

    网站弹窗在网页设计中是一种常见的交互元素,用于展示通知...在实际操作中,可以将这些代码复制到HTML文件中,或与现有的JavaScript文件整合,以便在网页中实现弹窗功能。记得根据自己的网站结构和需求进行适当的调整。

    纯JavaScript弹窗效果

    以上就是纯JavaScript实现弹窗效果的基本思路和关键点。通过掌握这些知识,你可以自由地创建各种自定义弹窗,满足不同场景的需求。记住,实践是检验真理的唯一标准,多动手尝试,结合实际项目进行练习,你会更加熟练...

    Javascript实现广告弹窗

    ### JavaScript 实现广告弹窗...通过以上对项目源代码的深入分析,我们不仅学习到了如何利用JavaScript实现广告弹窗,还了解了一些相关的前端开发技巧和优化建议。这对于进一步提升网站交互性和用户体验具有重要意义。

    手机端移动网页js实现弹窗一个ip在24小时只弹出一次的代码

    5. **显示弹窗**:在设置完cookie后,执行弹窗的JavaScript代码。 以下是一个简单的示例代码: ```javascript function showPopupIfFirstTime() { var now = new Date(); var lastPopupTime = getCookie('last_...

    Javascript弹窗代码大收集

    - **非IE浏览器**: 创建一个表单并提交到指定URL以实现弹窗效果。 3. **实例化与使用**: `window.force = new ForceWindow();` 实例化`ForceWindow`对象,并将其挂载到`window`对象上以便全局访问。 通过以上分析...

    js实现的弹窗效果,兼容主流浏览器

    以下将详细介绍如何使用JavaScript实现弹窗效果,并考虑浏览器兼容性。 1. **基本原理** JavaScript弹窗通常通过创建新的HTML元素(如`&lt;div&gt;`),然后将其添加到页面DOM中来实现。这个元素可以被设计为具有透明...

    超炫登陆注册弹窗效果

    5. **JavaScript**:JavaScript是实现网页动态效果和交互的核心语言,这里用于实现弹窗的逻辑,包括弹窗的创建、显示、关闭、拖动等功能。JavaScript的灵活性和强大的功能使得实现复杂交互成为可能。 6. **移动适配...

    代码简单又酷炫的弹窗效果

    本文将深入探讨如何使用简单的代码实现酷炫的弹窗效果,主要涉及HTML、CSS和JavaScript这三个关键的技术栈。 首先,HTML(HyperText Markup Language)是构建网页的基础,我们将使用它来创建弹窗的基础结构。一个...

    基于Cesium实现自定义弹窗效果组件,弹窗样式内容可以自定义,弹窗可跟随场景自适应移动,完整demo和源代码,代码未加密/未压

    基于Cesium实现自定义弹窗效果组件,弹窗样式内容可以自定义,弹窗可跟随场景自适应移动,完整demo和源代码,代码未加密/未压缩,可直接调用运行 文章描述:...

    MVC实现iframe弹窗传值

    同时,为了提高用户体验,可以使用模态对话框库(如Bootstrap的Modal)来创建更优雅的弹窗效果。此外,确保在处理URL参数时对输入进行验证,以防止潜在的安全风险。 综上所述,实现MVC中的iframe弹窗传值涉及前端...

    javascript网页右下角弹窗广告效果代码.rar

    这个名为"javascript网页右下角弹窗广告效果代码.rar"的压缩包包含的资源,正是利用JavaScript实现的一种常见的用户体验元素——网页右下角弹窗广告效果。这种效果通常用于吸引用户的注意力,展示促销信息或引导用户...

    收集-asp广告与弹窗代码

    4. **CSS模拟弹窗**:虽然ASP本身不直接处理CSS,但可以通过生成HTML和CSS来实现弹窗效果,比如创建浮动层或模态对话框。 5. **第三方库集成**:ASP页面可以引入Bootstrap、jQuery UI等库,利用其内置的弹窗组件...

    一段不错的弹窗代码,很方便

    总结来说,这段“不错的弹窗代码”很可能是一个自定义的JavaScript实现,用于创建弹出式对话框,用户只需要修改特定的网站地址参数即可实现导航或展示目的。这样的代码对于快速构建具有交互功能的网页非常有用。

    原生js写的弹窗效果(alert效果)

    在JavaScript的世界里,原生的`alert()`函数是一种常见的弹窗效果,用于向用户显示简短的提示信息。本文将深入探讨如何使用原生JS创建类似`alert()`的自定义弹窗效果,以及如何实现跨浏览器兼容性,包括对IE、Fire...

    JQuery实现的弹窗效果

    本篇文章将详细讲解如何利用jQuery实现弹窗效果,这是一种常见的用户交互功能,常用于提示信息、确认操作或者展示详细内容。 首先,我们需要引入jQuery库。在HTML文件的`&lt;head&gt;`部分,添加以下代码来链接到jQuery的...

    年货节弹窗特效代码

    在年货节弹窗特效中,JavaScript被用来控制弹窗的显示、隐藏、动画效果,以及与用户的交互响应。例如,当用户点击某个按钮时,JavaScript可以触发弹窗的出现,并根据预设的动画序列进行展示。 此压缩包中的"003...

    JavaScript弹窗插件

    JavaScript代码还可能实现了弹窗的动画效果,如淡入淡出、滑动等,以提升用户体验。 在学习这个插件的过程中,你将接触到以下几个重要的JavaScript概念: 1. **DOM操作**:JavaScript通过Document Object Model...

Global site tag (gtag.js) - Google Analytics