水滴石穿之页面遮罩层实现、向window.open()打开的窗口POST数据
1.页面遮罩层实现
function locking()
{
document.all.ly.style.display="block";
document.all.ly.style.width=document.body.clientWidth;
document.all.ly.style.height=document.body.clientHeight;
document.all.Layer2.style.display='block';
}
function unlock()
{
document.all.ly.style.display='none';
document.all.Layer2.style.display='none';
}
</script>
<div id="ly"style="position:absolute;top:0px;FILTER:alpha(opacity=60);background-color:#777;z-index:2;left:0px;display:none;"></div>
<!--浮层框架开始 -->
<div id="Layer2" align="center" style="position:absolute; z-index:3; width:300; height:150px;left:expression((document.body.offsetWidth-540)/2);
top:expression((document.body.offsetHeight-170)/2);background-color:#fff;display:none;" valign="center">
<table width="300" height="150" border=0 cellpadding=0 cellspacing=0 align="center" style="border:0 solid #e7e3e7;border-collapse: collapse">
<tr>
<td style="background-color:#73A2d6;color:#fff;padding-left:4px;padding-top:2px;font-weight:bold;font-size:14px;"height=27 >数据正在加载..
</td>
</tr>
</table>
</div>
2.向window.open()打开的窗口POST数据
function openWindowWithPost(url,name,keys,values)
{
var newWindow = window.open(url, name);
if (!newWindow)
return false;
var html = "";
html += "<html><head></head><body><form id='formid' method='post' action='" + url + "'>";
if (keys && values)
{
html += "<input type='hidden' name='" + keys + "' value='" + values + "'/>";
}
html += "</form><script type='text/javascript'>document.getElementById('formid').submit();";
html += "<\/script></body></html>".toString().replace(/^.+?\*|\\(?=\/)|\*.+?$/gi, "");
newWindow.document.write(html);
return newWindow;
}
这里需要注意两点:
(1)如果需要post多个对象,那么可以在if (keys && values)增加一个循环
(2)"<\/script></body></html>".toString().replace(/^.+?\*|\\(?=\/)|\*.+?$/gi, "") 只是为了防止<script>标签意外匹配
转载于:https://www.cnblogs.com/lne818/archive/2008/06/20/1226898.html
水滴石穿之页面遮罩层实现、向window.open()打开的窗口POST数据相关推荐
- html遮罩层模态提示,页面遮罩层,并且阻止页面body滚动。bootstrap模态框原理,.bootstrap模态...
页面遮罩层,并且阻止页面body滚动.bootstrap模态框原理,.bootstrap模态 实现思路: 1.需要有一个层将body遮住,放在body上方. 2.修改body的overflow属性值为 ...
- window.open打开新窗口被浏览器拦截的处理方法
一般我们在打开页面的时候, 最常用的就是用<a>标签,如果是新窗口打开就价格target="_blank"属性就可以了, 如果只是刷新当前页面就用window.loca ...
- window.open打开子窗口回调父窗口函数
window.open打开子窗口回调父窗口函数 需求 最新在工作中,遇到一个需求.老项目的前端页面使用的是jsp技术,产品要求点击按钮弹出一个弹窗进行操作,操作成功要关闭子页面,还要提示成功信息. 本 ...
- window.open 打开新窗口被拦截的其他解决方法
使用window.open 打开新窗口容易被浏览器拦截,可以使用下面的方法解决 if ($("#jiedaitype").val() == "1") { ...
- window.open 打开最大化窗口
一.项目中使用window.open打开新窗口,并设置了新窗口的打开位置: var iWidth=800; //弹出窗口的宽度; var iHeig ...
- 微信 html页面遮罩层,微信内网页提示浏览器打开代码——遮罩层提示代码实现!...
微信中打开链接时,弹出遮罩提示用户,请点击右上角在浏览器中打开如何实现?经搜集整理并且验证可用后总结出可用版本. 以下是代码部分: 第一步:判断微信的UA. var ua = navigator.us ...
- java遮罩层_页面遮罩层 - javaalex的个人空间 - OSCHINA - 中文开源技术交流社区
一. 基于ajax请求的遮罩层: $.ajax({ type:'POST', url:url, data:obj, dataType:'json', beforeSend: function () { ...
- JS window.open()打开新窗口、监听页面打开关闭状态(详细)
使用 window 对象的 open() 方法可以打开一个新窗口.用法如下: window.open (URL, name, features, replace) 参数列表如下: URL:可选字符串, ...
- angular2 页面中使用window.open打开新窗口后,新页面document.addEventListener visibilitychange事件不生效(谷歌浏览器)
如题目所述,在原来页面中,使用window.open打开新页面链接,新页面中需要实现浏览器窗口切换时,监听当前窗口切换超过几次进行提醒,新窗口监听事件如下 if (document.hidden != ...
最新文章
- 106:HttpResponse对象讲解
- 直播原理----协议
- jQuery图片上传前先在本地预览(不经过后端处理)
- 牛客题霸 [括号序列] C++题解/答案
- exchange创建邮箱组_Exchange批量创建用户组及启用通讯组邮箱-阿里云开发者社区...
- php在函数中定义全局变量,PHP 全局变量在用户自定义函数内部不足见
- GCN图卷积网络简单实现
- Android使用SSL自签名证书
- 阿里巴巴建议的线程池创建方式,你用上了吗?
- OCX控件安装过程中遇到的问题及解决方法
- c语言程序设计教学工作总结,c语言教学的工作总结.docx
- 支付业务与技术架构学习总结(9)——银行核心系统之清算体系
- 辛钦大数定理(揭示了均值和数学期望的关系)
- 算法导论为何被称为CLRS
- 矢量数据向栅格数据的转换算法
- Tomcat启动卡住、无法访问问题解决思路
- 快收下这份拼接视频方法攻略,制作出你想要的视频
- 手机微信小程序服务器出错,处理微信服务接口返回的错误信息《 微信小程序:微信绑定 #6 》...
- 计算机系素描教材,素描人像教材
- pgsql按varchar字段排序
热门文章
- 原生语言开发web版万岳网校源码 v2.2.0
- 常用个人密码管理软件 .
- CSS: 解决100% 高度失效 height 100% is not working when scrolling down page
- imagesLoaded-检测图片是否正确加载的js插件
- IRC 聊天工具(xchat,chatzilla,pidgin)入门教程
- VMware pro 15 ubuntu简易安装虚拟机黑屏
- 人工智障学习笔记——强化学习(5)DRL与DQN
- 【CVPR2019】论文完整列表一
- 接口简介 java 1614100890
- python-turtle库-01