1.页面遮罩层实现

<script>   
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数据

Code
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数据相关推荐

  1. html遮罩层模态提示,页面遮罩层,并且阻止页面body滚动。bootstrap模态框原理,.bootstrap模态...

    页面遮罩层,并且阻止页面body滚动.bootstrap模态框原理,.bootstrap模态 实现思路: 1.需要有一个层将body遮住,放在body上方. 2.修改body的overflow属性值为 ...

  2. window.open打开新窗口被浏览器拦截的处理方法

    一般我们在打开页面的时候, 最常用的就是用<a>标签,如果是新窗口打开就价格target="_blank"属性就可以了, 如果只是刷新当前页面就用window.loca ...

  3. window.open打开子窗口回调父窗口函数

    window.open打开子窗口回调父窗口函数 需求 最新在工作中,遇到一个需求.老项目的前端页面使用的是jsp技术,产品要求点击按钮弹出一个弹窗进行操作,操作成功要关闭子页面,还要提示成功信息. 本 ...

  4. window.open 打开新窗口被拦截的其他解决方法

    使用window.open 打开新窗口容易被浏览器拦截,可以使用下面的方法解决 if ($("#jiedaitype").val() == "1") {     ...

  5. window.open 打开最大化窗口

    一.项目中使用window.open打开新窗口,并设置了新窗口的打开位置: var iWidth=800;                         //弹出窗口的宽度;   var iHeig ...

  6. 微信 html页面遮罩层,微信内网页提示浏览器打开代码——遮罩层提示代码实现!...

    微信中打开链接时,弹出遮罩提示用户,请点击右上角在浏览器中打开如何实现?经搜集整理并且验证可用后总结出可用版本. 以下是代码部分: 第一步:判断微信的UA. var ua = navigator.us ...

  7. java遮罩层_页面遮罩层 - javaalex的个人空间 - OSCHINA - 中文开源技术交流社区

    一. 基于ajax请求的遮罩层: $.ajax({ type:'POST', url:url, data:obj, dataType:'json', beforeSend: function () { ...

  8. JS window.open()打开新窗口、监听页面打开关闭状态(详细)

    使用 window 对象的 open() 方法可以打开一个新窗口.用法如下: window.open (URL, name, features, replace) 参数列表如下: URL:可选字符串, ...

  9. angular2 页面中使用window.open打开新窗口后,新页面document.addEventListener visibilitychange事件不生效(谷歌浏览器)

    如题目所述,在原来页面中,使用window.open打开新页面链接,新页面中需要实现浏览器窗口切换时,监听当前窗口切换超过几次进行提醒,新窗口监听事件如下 if (document.hidden != ...

最新文章

  1. 106:HttpResponse对象讲解
  2. 直播原理----协议
  3. jQuery图片上传前先在本地预览(不经过后端处理)
  4. 牛客题霸 [括号序列] C++题解/答案
  5. exchange创建邮箱组_Exchange批量创建用户组及启用通讯组邮箱-阿里云开发者社区...
  6. php在函数中定义全局变量,PHP 全局变量在用户自定义函数内部不足见
  7. GCN图卷积网络简单实现
  8. Android使用SSL自签名证书
  9. 阿里巴巴建议的线程池创建方式,你用上了吗?
  10. OCX控件安装过程中遇到的问题及解决方法
  11. c语言程序设计教学工作总结,c语言教学的工作总结.docx
  12. 支付业务与技术架构学习总结(9)——银行核心系统之清算体系
  13. 辛钦大数定理(揭示了均值和数学期望的关系)
  14. 算法导论为何被称为CLRS
  15. 矢量数据向栅格数据的转换算法
  16. Tomcat启动卡住、无法访问问题解决思路
  17. 快收下这份拼接视频方法攻略,制作出你想要的视频
  18. 手机微信小程序服务器出错,处理微信服务接口返回的错误信息《 微信小程序:微信绑定 #6 》...
  19. 计算机系素描教材,素描人像教材
  20. pgsql按varchar字段排序

热门文章

  1. 原生语言开发web版万岳网校源码 v2.2.0
  2. 常用个人密码管理软件 .
  3. CSS: 解决100% 高度失效 height 100% is not working when scrolling down page
  4. imagesLoaded-检测图片是否正确加载的js插件
  5. IRC 聊天工具(xchat,chatzilla,pidgin)入门教程
  6. VMware pro 15 ubuntu简易安装虚拟机黑屏
  7. 人工智障学习笔记——强化学习(5)DRL与DQN
  8. 【CVPR2019】论文完整列表一
  9. 接口简介 java 1614100890
  10. python-turtle库-01