javascript - 使用 Javascript 动态设置帧 src

标签 javascript html css

我有一个 HTML 元素

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

我想在页面加载时使用 Javascript 动态设置它的“src”。我该怎么做?

我正在尝试类似的东西;

document.getElementById('content2').contentWindow.location = 'xyz_frame.html';

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

粗略的代码;

<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 调用的 ID 不匹配)

对于FRAME,您需要一个FRAMESET,它排除了BODY的使用,所以;

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

更新:

<!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 - 使用 Javascript 动态设置帧 src,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5842040/

相关文章:

javascript - Sublime 文本查找并替换为正则表达式以将 jquery live() 事件转换为 on()

javascript - 使用 JQuery 切换 div 并切换链接文本

html - 动态宽度 div 自动调整大小以适应浏览器宽度?

html - 使用::before 时 Chrome 文本未换行

javascript - 想要使用内联添加、编辑、保存而不使用任何按钮来创建 JQgrid

Javascript二维数组初始化

javascript - 正则表达式/其他方法在输入时读取用户电子邮件地址并分别隐藏/显示 div

javascript - 删除列表中的 x 类编号

html - 显示带有动态信息的 Adsense 广告

ios - 如何在 iOS Safari(在实际设备上)中将 "crop"关闭屏幕 <div>?