- 浏览: 971870 次
- 性别:
- 来自: 山西
文章分类
最新评论
-
白小默:
你好 可以提供下源码DEMO吗,不知为何,我导出来的excel ...
jxls 使用模板文件导出生成excel -
zkzqzzz:
博主威武!
让微信二维码扫描您的APK -
zkzqzzz:
感谢博主 原来那些类都不是必须的 或者自己写!!博主真棒 ...
抢红包插件实现原理浅析 -
zkzqzzz:
博主 请问你的其他类在哪里呢?
抢红包插件实现原理浅析 -
zkzqzzz:
其他类在哪呢?
抢红包插件实现原理浅析
//关闭,父窗口弹出对话框,子窗口直接关闭
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()";
发表评论
-
npm介绍与cnpm介绍
2017-12-07 15:22 383npm介绍 说明:npm(nod ... -
Electron学习笔记Part3-利用Electron builder应用打包EXE
2017-12-06 17:44 1233HelloWorld写完并能够成功运行了,接下来将这个He ... -
利用electron-packager打包exe程序
2017-12-06 17:41 948一、安装 electron-packager PS:安装之 ... -
使用npm安装electron不成功的解决方法
2017-12-06 17:24 3158使用npm安装electron不成功的解决方法 根据官网提 ... -
electron 的混合桌面之路 入门安装
2017-12-06 17:23 666最近有计划去写桌面程序,所以呢,我打算写一篇博客来记录 ... -
formValidator的一些验证实例
2016-12-21 11:14 397$(function () { try { ... -
JS中onmouseover与onmouseout的bug/js避免onmouseover onmouseout多次触发
2016-11-16 15:33 1023在Javascript中,父元素包含子元素,当给父元素设置 ... -
一周APP UI交互设计动效灵感
2016-08-09 17:53 537一个好的动效设计可以提升UI界面与用户的交互体验,让枯燥的界 ... -
让界面动起来!移动动效设计必备灵感网站
2016-08-09 17:50 614扁平化的兴起,现在越来越流行动效设计,特别对于移动端,对交互 ... -
「添加购物」功能交互演示
2016-09-13 10:46 477几平每个购物网站都会有一个购物车功能,它可以算是不可缺少的 ... -
功能性动画UX设计:优秀的过渡转场效果(Transtion)
2016-08-09 17:43 478功能性动画(functional animation)是一种 ... -
表单动画 jQuery 插件:Form Animation Plugin
2016-08-09 17:35 487今天为大家分享的表单动画 jQuery 插件:Form An ... -
JS中的RegExp对象
2013-09-17 16:31 469JavaScript提供了一个RegExp对象来完成有 ... -
js获取项目根路径
2013-09-17 16:26 481//js获取项目根 ... -
javascript 中string转换int方法汇总
2012-07-12 16:38 866方法一: <script> var ... -
javascript中判断IP地址格式
2011-12-30 15:44 981function checkIp(ip){var ip ... -
input type=file的清空(javascript)
2011-12-29 10:26 1120<input name="f1" v ... -
Google 排名中的 10 个最著名的 JavaScript 库
2011-11-30 16:37 759JavaScript 是 Web 开发与设计中不可或缺的东西, ... -
js加载倒计时
2011-11-30 09:15 1107<script> var loadt ... -
js去掉前后空格
2011-11-28 11:54 733js实现TRIM功能<SCRIPT LA ...
相关推荐
效果图: 话不多说,请看代码: 每个弹窗的标识 var x =0; var idzt = new Array(); var Window = function(config){ ID不重复 idzt[x] = "zhuti"+x; 弹窗ID 初始化,接收参数 this.config = { width : ...
本文实例为大家分享了JavaScript实现弹窗效果的具体代码,供大家参考,具体内容如下 使用css动画效果实现弹窗缓慢弹出和收回。 使用JavaScript实现定时弹出定时收回。 <!DOCTYPE html> <html lang="en"> &...
网站弹窗在网页设计中是一种常见的交互元素,用于展示通知...在实际操作中,可以将这些代码复制到HTML文件中,或与现有的JavaScript文件整合,以便在网页中实现弹窗功能。记得根据自己的网站结构和需求进行适当的调整。
以上就是纯JavaScript实现弹窗效果的基本思路和关键点。通过掌握这些知识,你可以自由地创建各种自定义弹窗,满足不同场景的需求。记住,实践是检验真理的唯一标准,多动手尝试,结合实际项目进行练习,你会更加熟练...
### JavaScript 实现广告弹窗...通过以上对项目源代码的深入分析,我们不仅学习到了如何利用JavaScript实现广告弹窗,还了解了一些相关的前端开发技巧和优化建议。这对于进一步提升网站交互性和用户体验具有重要意义。
5. **显示弹窗**:在设置完cookie后,执行弹窗的JavaScript代码。 以下是一个简单的示例代码: ```javascript function showPopupIfFirstTime() { var now = new Date(); var lastPopupTime = getCookie('last_...
- **非IE浏览器**: 创建一个表单并提交到指定URL以实现弹窗效果。 3. **实例化与使用**: `window.force = new ForceWindow();` 实例化`ForceWindow`对象,并将其挂载到`window`对象上以便全局访问。 通过以上分析...
以下将详细介绍如何使用JavaScript实现弹窗效果,并考虑浏览器兼容性。 1. **基本原理** JavaScript弹窗通常通过创建新的HTML元素(如`<div>`),然后将其添加到页面DOM中来实现。这个元素可以被设计为具有透明...
5. **JavaScript**:JavaScript是实现网页动态效果和交互的核心语言,这里用于实现弹窗的逻辑,包括弹窗的创建、显示、关闭、拖动等功能。JavaScript的灵活性和强大的功能使得实现复杂交互成为可能。 6. **移动适配...
本文将深入探讨如何使用简单的代码实现酷炫的弹窗效果,主要涉及HTML、CSS和JavaScript这三个关键的技术栈。 首先,HTML(HyperText Markup Language)是构建网页的基础,我们将使用它来创建弹窗的基础结构。一个...
基于Cesium实现自定义弹窗效果组件,弹窗样式内容可以自定义,弹窗可跟随场景自适应移动,完整demo和源代码,代码未加密/未压缩,可直接调用运行 文章描述:...
同时,为了提高用户体验,可以使用模态对话框库(如Bootstrap的Modal)来创建更优雅的弹窗效果。此外,确保在处理URL参数时对输入进行验证,以防止潜在的安全风险。 综上所述,实现MVC中的iframe弹窗传值涉及前端...
这个名为"javascript网页右下角弹窗广告效果代码.rar"的压缩包包含的资源,正是利用JavaScript实现的一种常见的用户体验元素——网页右下角弹窗广告效果。这种效果通常用于吸引用户的注意力,展示促销信息或引导用户...
4. **CSS模拟弹窗**:虽然ASP本身不直接处理CSS,但可以通过生成HTML和CSS来实现弹窗效果,比如创建浮动层或模态对话框。 5. **第三方库集成**:ASP页面可以引入Bootstrap、jQuery UI等库,利用其内置的弹窗组件...
总结来说,这段“不错的弹窗代码”很可能是一个自定义的JavaScript实现,用于创建弹出式对话框,用户只需要修改特定的网站地址参数即可实现导航或展示目的。这样的代码对于快速构建具有交互功能的网页非常有用。
在JavaScript的世界里,原生的`alert()`函数是一种常见的弹窗效果,用于向用户显示简短的提示信息。本文将深入探讨如何使用原生JS创建类似`alert()`的自定义弹窗效果,以及如何实现跨浏览器兼容性,包括对IE、Fire...
本篇文章将详细讲解如何利用jQuery实现弹窗效果,这是一种常见的用户交互功能,常用于提示信息、确认操作或者展示详细内容。 首先,我们需要引入jQuery库。在HTML文件的`<head>`部分,添加以下代码来链接到jQuery的...
在年货节弹窗特效中,JavaScript被用来控制弹窗的显示、隐藏、动画效果,以及与用户的交互响应。例如,当用户点击某个按钮时,JavaScript可以触发弹窗的出现,并根据预设的动画序列进行展示。 此压缩包中的"003...
JavaScript代码还可能实现了弹窗的动画效果,如淡入淡出、滑动等,以提升用户体验。 在学习这个插件的过程中,你将接触到以下几个重要的JavaScript概念: 1. **DOM操作**:JavaScript通过Document Object Model...