Question

js 遮罩全屏的问题 javascript～

我这里找到一段JS方法，可以弹出个 遮罩层，放到个单独页是没有问题的～但我这个页面是放在一个iframe里的～这个 遮罩层和弹出层就只局在iframe里了～不能 遮罩到整个页面了～要怎么改一下呢？
或有什么更好的方法？

function popWin(a){
function n(){
var a=k?k:document.body,b=a.scrollHeight>a.clientHeight?a.scrollHeight:a.clientHeight,c=a.scrollWidth>a.clientWidth?a.scrollWidth:a.clientWidth;
$("#maskLayer").css({height:b,width:c})
}

var d,e,b=9e3,c=!1,f=$("#"+a),g=f.width(),h=f.height(),i=f.find(".tit"),j=f.find(".close"),k=document.documentElement,l=($(document).width()-f.width())/2,
m=(k.clientHeight-f.height())/2;f.css({left:l,top:m,display:"block","z-index":b- -1}),
i.mousedown(function(a){c=!0,d=a.pageX-parseInt(f.css("left")),e=a.pageY-parseInt(f.css("top")),
f.css({"z-index":b- -1}).fadeTo(50,.5)}),i.mouseup(function(){c=!1,f.fadeTo("fast",1)}),
$(document).mousemove(function(a){if(c){var b=a.pageX-d;0>=b&&(b=0),b=Math.min(k.clientWidth-g,b)-5;var i=a.pageY-e;0>=i&&(i=0),i=Math.min(k.clientHeight-h,i)-5,f.css({top:i,left:b})}}),j.live("click",function(){$(this).parent().parent().hide().siblings("#maskLayer").remove()}),
$('<div id="maskLayer"></div>').appendTo("body").css({background:"#000",opacity:".8",top:0,left:0,position:"absolute",zIndex:"8000"}),n(),$(window).bind("resize",function(){n()}),
$(document).keydown(function(a){27==a.keyCode&&($("#maskLayer").remove(),f.hide())})
}

Answer 1

在外层页面中定义一个遮罩层，假设id为cover（初始状态的时候display为none）.在内部页面(iframe的那个页面)内这样写

window.parent.document.getElementById('cover').style.display="block";

Answer 2

iframe 外的js好像可以
访问 iframe 内的对象吧

Answer 3

那就放到外面来，别放在iframe的页面里

追问

我要的效果是点iframe里的东西～全屏遮遭起来～放外面怎么弄？

追答

你的iframe是一个弹出层么，那你的遮罩层为什么不放在外面。放在外面不是妥妥的么

Answer 4

document.parentelement

追问

这个放在哪里？我上面那段怎么改？？解决后可以加分～