js高手，在iframe中弹出加载的窗口？
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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中显示出来。 展开
<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中显示出来。 展开
3个回答
展开全部
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="加载"/>
<、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="加载"/>
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<iframe src="这里填打开的网址" height="100" width="400px"></iframe>或者js: document.getElementsByTagName('iframe')[0].src='这里填 打开的网址';
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
iframe是内联框架 <iframe height="100" width="400px" src="a.php"></iframe>然后在a.php写弹出百度窗口的代码
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
