使用Javascript动态设置帧src

tes*_*dtv 12 html javascript css

我有一个HTML元素

<frame src="#" title="Content Frame" name="content" id="content" />
Run Code Online (Sandbox Code Playgroud)

我想在页面加载时使用Javascript动态设置它的"src".我怎样才能做到这一点 ?

我正在尝试类似的东西;

document.getElementById('content2').contentWindow.location = 'xyz_frame.html';
Run Code Online (Sandbox Code Playgroud)

但由于某种原因,它不起作用.它是一个元素,而不是

粗糙的代码;

<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>
Run Code Online (Sandbox Code Playgroud)

Ale*_* K. 22

这应该工作;

document.getElementById('content2').src = "url";
Run Code Online (Sandbox Code Playgroud)

(你的帧和getElementById调用ID也不匹配)

对于a FRAME,你需要一个FRAMESET不能使用a BODY,所以;

<frameset rows="50%,*" onload="LoadPage();">    
   <frame id="content2"></frame>
   .....
Run Code Online (Sandbox Code Playgroud)

更新:

<!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>
Run Code Online (Sandbox Code Playgroud)