html - Dynamically set frame src using Javascript

Question

Welcome To Ask or Share your Answers For Others

html - Dynamically set frame src using Javascript

posted Oct 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

html - Dynamically set frame src using Javascript

I have a HTML element

<frame src="#" title="Content Frame" name="content" id="content" />

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

A Rough code;

<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>

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

1 Reply

深蓝 · Answer 1 · 2021-10-23T19:16:33+0000

This should work;

document.getElementById('content2').src = "url";

(Also you have mismatched IDs for the frame and getElementById call)

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>

Categories

html - Dynamically set frame src using Javascript

html - Dynamically set frame src using Javascript

Please log in or register to add a comment.

Please log in or register to reply this article.

1 Reply

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags