使用Javascript动态设置框架src [英] Dynamically set frame src using Javascript
本文介绍了使用Javascript动态设置框架src的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个HTML元素
<frame src="#" title="Content Frame" name="content" id="content" />
我想在页面加载时使用Javascript动态设置它的src。
I want to set it's "src" dynamically using Javascript on page load. How can I do that ?
我正在尝试类似的东西;
I am trying something like;
document.getElementById('content2').contentWindow.location = 'xyz_frame.html';
但是由于某种原因,它不工作...它是一个元素,而不是
But for some reason it is not working..Again it is a element and not
粗体代码;
<html>
<head>
<script language="javascript">
function LoadPage(){
document.getElementById('content2').src = 'ipad_lrd_frame.html';
}
</script>
</head>
<body onload="LoadPage()">
<frame id="content2"></frame>
</body>
</html>
推荐答案
这应该可以工作;
document.getElementById('content2').src = "url";
(此外,框架和 getElementById
call)
(Also you have mismatched IDs for the frame and getElementById
call)
对于 FRAME
,您需要 FRAMESET
其中排除使用 BODY
,因此;
For a FRAME
, you need a FRAMESET
which precludes the use of a BODY
, so;
<frameset rows="50%,*" onload="LoadPage();">
<frame id="content2"></frame>
.....
更新: >
Update:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<script type="text/javascript">
function LoadPage(){
document.getElementById('content1').src = "http://www.google.com";
document.getElementById('content2').src = "http://www.bing.com";
}
</script>
<title></title>
</head>
<frameset rows="50%,*" onload="LoadPage();">
<frame src="#" id="content1">
<frame src="#" id="content2">
</frameset>
</html>
这篇关于使用Javascript动态设置框架src的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文