用js+iframe形成页面的一种遮罩效果的具体实现
var maskStackCount = 0;
function mask(method){
//这里是你想要进行遮罩的窗口,我这里想要遮罩的是一个iframe窗口,也可以用var winObj=$(window)
var winObj=window.top.$("body").find("iframe[name='dialognormaliframe']");
if(typeof method == "undefined"){
method="open";
}
if (method == "open") {
if (maskStackCount <= 0) {
var mask = $("<div id='window-mask' class='window-mask' style='display:none'></div>").appendTo("body");
mask.css({
width: winObj.width() + "px",
height: winObj.height() + "px",
filter: "alpha(opacity=60)"
}).show();
winObj.on("resize.mask", function(){
mask.css({
width: winObj.width() + "px",
height: winObj.height() + "px"
});
});
}
maskStackCount++;
}
else if(method == "close"){
maskStackCount--;
$("#window-mask").remove();
winObj.off("resize.mask");
}
}
相关推荐
-
js动态创建上传表单通过iframe模拟Ajax实现无刷新
复制代码 代码如下: <script> window.onload=function(){ upfile('file.php'); } /* ** url 路径 **/ function upfile(url){ //创建iframe var iframe = document.createElement("iframe"); document.body.appendChild(iframe); iframe.id = 'iframeName'; iframe.name =
-
js防止页面被iframe调用的方法
本文实例讲述了js防止页面被iframe调用的方法.分享给大家供大家参考.具体实现方法如下: 一.问题描述: 有时候我们发会现自己的网站页面被别人调用并且一模一样,这个其实就是简单的iframe调用了,下面我来给大家介绍js防止页面iframe调用的方法总结吧,有需要的朋友可参考 二.解决方法: 防止自己的网页被人框架: top.location.href 最上层的地址 windows.location.href自己的地址 self指代当前窗口对象,属于window最上层的对象; locatio
-
iframe子父页面调用js函数示例
1.iframe子页面调用父页面js函数 子页面调用父页面函数只需要写上window.praent就可以了.比如调用a()函数,就写成: 复制代码 代码如下: window.parent.a(); 子页面取父页面中的标签中的值,比如该标签的id为"test",则: 复制代码 代码如下: window.parent.document.getElementById("test").value; jQuery方法为: $(window.parent.document).c
-
js操作iframe父子窗体示例
父窗体获取iframe window.iframeId iframe获取父窗口 window.parent parent.html 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv=&qu
-
iframe子页面与父页面在同域或不同域下的js通信
iframe子页面与父页面通信根据iframe中src属性是同域链接还是跨域链接,通信方式也不同. 一.同域下父子页面的通信 父页面parent.html 复制代码 代码如下: <html> <head> <script type="text/javascript"> function say(){ alert("parent.html"); } function callChild(){ myFrame.window.say()
-
Javscript调用iframe框架页面中函数的方法
本文实例讲述了在Javscript调用iframe框架页面中函数的方法,这个调用方法其实非常的简单,有了这个方法我们就可以实现iframe之间传值或修改值了,操作起来都非常的简单.分享给大家供大家参考.具体实现方法如下: 访问iframe里面的函数: 复制代码 代码如下: document.getElementById('commentIframe').contentWindow.hasLogined(); commentIframe为iframe的id. 要在 window.onload里面执
-
js中iframe调用父页面的方法
本文实例讲述了js中iframe调用父页面的方法.分享给大家供大家参考.具体实现方法如下: 子页面调用父页面的方法在js中很容易实现.我们只需要在主页面加个函数,然后在子页面通过window.parent.方法()即可实现了 比如调用a()函数,就写成: 复制代码 代码如下: window.parent.a(); 但是我在chrome浏览器下却发现此方法无效了 复制代码 代码如下: //在父页面中调用该函数 <script> function dey() { var cards_frame=d
-
通过隐藏iframe实现文件下载的js方法介绍
通过隐藏iframe实现文件下载的js方法介绍 复制代码 代码如下: <script> function download(){ //下载文件的地址 var url="http://music.baidu.com/data/music/file?link=http://zhangmenshiting.baidu.com/data2/music/13618994/13618995183600128.mp3?xcode=48d4a720fcd9a974586066d0145f72
-
js判断iframe内的网页是否滚动到底部触发事件
之前有个需求是要判断iframe内的网页是否滚动到底部触发事件, 网上找了许多资料都是说在当前页面下的, 索性就自己研究了一下, 找到了解决方法. clientHeight:这个元素的高度,占用整个空间的高度 offsetHeight:是指元素内容的高度 scrollTop:可以理解为滚动条可以滚动的长度 以下是源代码 复制代码 代码如下: <iframe src="~/Files/3.html" id="iframepage" width="825
-
解决extjs在firefox中关闭窗口再打开后iframe中js函数访问不到的问题
在IE与google chrome中则一切正常,很是郁闷,找了很多种调用iframe中函数的方法,问题一直没有解决.今天在google上又搜索了一下,耐心的浏览搜索结果,最后发现有人写到可以用 document.getElementById('iframeid').contentWindow.myFunc(); 这样的方式,以前没有看到过这种写法,抱着死马当活马医的心态,试了一下这段代码.奇迹发生了,药到病除.现在这种方法在前面提到的三种浏览器中都能正常的工作,在这里做下笔记,以备后用.
-
js调用iframe实现打印页面内容的方法
1.程序说明 1) 此程序可以实现选择页面中的区域进行打印,以iframe方式进行打印:2) 与原生态的print() 区别在于,取消打印页面后可以完整保留当前访问页面的内容. 2.代码部分 1) JS 函数: 复制代码 代码如下: function do_print(id_str)//id-str 打印区域的id{var el = document.getElementById(id_str);var iframe = document.createElement('IFRAME');var
随机推荐
- 简单实现nodejs上传功能
- 用javascript制作放大镜放大图片
- JavaScript必知必会(七)js对象继承
- java 中Spark中将对象序列化存储到hdfs
- win7下memCache的安装过程(具体操作步骤)
- asp中for循环的使用方法
- C语言实现单链表逆序与逆序输出实例
- js实现5秒倒计时重新发送短信功能
- jquery1.4 教程二 ajax方法的改进
- js中的异常处理try...catch使用介绍
- 关于textarea提交的内容无法换行的解决办法
- Python批量查询域名是否被注册过
- Windows Powershell 复制数组
- jQuery动态修改字体大小的方法【测试可用】
- jQuery时间轴插件使用详解
- C#中abstract的用法详解
- c#高效比对大量图片的实例代码
- eWebEditor:网站中的隐形炸弹
- ASP.NET Core应用错误处理之三种呈现错误页面的方式
- 浅谈vux之x-input使用以及源码解读