js高手,在iframe中弹出加载的窗口?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js高手,在iframe中弹出加载的窗口?相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns=" http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>...</title>
<script type="text/javascript">
window.open(" http://www.baidu.com", "newwindow", "height=100, width=400");
</script>
</head><body>
<iframe height="100" width="400px"></iframe><!-- 这个iframe用来显示window.open加载的百度窗口
</body>
</html> 如上代码,页面加载后,会加载一个新窗口,但是我要的效果是:这个弹出窗口,在页面的iframe中显示出来。

js加载iframe框架 弹出框
<、script language="JavaScript" type="text/JavaScript">
function showIframe(url,w,h)
//添加iframe
var if_w = w;
var if_h = h;
//allowTransparency=\'true\' 设置背景透明
$(" + if_w + "\' height=\'" + if_h + "\' id=\'YuFrame1\' name=\'YuFrame1\' style=\'position:absolute;z-index:4;\' frameborder=\'no\' marginheight=\'0\' marginwidth=\'0\' allowTransparency=\'true\'>").prependTo(\'body\');
var st=document.documentElement.scrollTop|| document.body.scrollTop;//滚动条距顶部的距离
var sl=document.documentElement.scrollLeft|| document.body.scrollLeft;//滚动条距左边的距离
var ch=document.documentElement.clientHeight;//屏幕的高度
var cw=document.documentElement.clientWidth;//屏幕的宽度
var objH=$("#YuFrame1").height();//浮动对象的高度
var objW=$("#YuFrame1").width();//浮动对象的宽度
var objT=Number(st)+(Number(ch)-Number(objH))/2;
var objL=Number(sl)+(Number(cw)-Number(objW))/2;
$("#YuFrame1").css(\'left\',objL);
$("#YuFrame1").css(\'top\',objT);

$("#YuFrame1").attr("src", url)

//添加背景遮罩
$("").prependTo(\'body\');
var bgWidth = Math.max($("body").width(),cw);
var bgHeight = Math.max($("body").height(),ch);
$("#YuFrame1Bg").css(width:bgWidth,height:bgHeight);

//点击背景遮罩移除iframe和背景
$("#YuFrame1Bg").click(function()
$("#YuFrame1").remove();
$("#YuFrame1Bg").remove();
);

<、input type="button" onClick="showIframe(\'http://baidu.com\',460,280)" value="加载"/>
参考技术A <iframe src="这里填打开的网址" height="100" width="400px"></iframe>或者js: document.getElementsByTagName('iframe')[0].src='这里填 打开的网址'; 参考技术B iframe是内联框架 <iframe height="100" width="400px" src="a.php"></iframe>然后在a.php写弹出百度窗口的代码

Jquery EasyUI的Dialog 怎么在iframe中弹出和不在iframe中弹出一样在窗口最顶层?

就和系统自带的alert()、confirm()、prompt()一样在窗体最顶层显示。怎么搞?请高手指点,菜鸟谢谢啦!!!

参考技术A top.$(objid).dialog(options);本回答被提问者采纳

以上是关于js高手,在iframe中弹出加载的窗口?的主要内容,如果未能解决你的问题,请参考以下文章

在iframe中弹出的模态窗口 怎么传值给父页面的文本域

iframe中的弹出窗口如何显示在最外层?

从不同的窗口(不是子窗口)重新加载 iframe - javascript

CEF中弹出窗口的处理

如何禁止 alert在浏览器中弹出信息。

网页加载很慢JS或jquery堵塞,导致很久才弹出窗口