Javascript框架和框架集
Javascript框架和框架集
提问于 2019-11-24 17:16:43
对于作业，我必须创建一个网页，通过单击"RightFrame“中的超链接来切换"LeftFrame”中的图像。我应该使用这个功能：
<html>
<head>
<title>Assignment</title>
<script>
function setImage(index)
{
if (index == 1)
{
RightFrame.document.RightImage.src = "Alumni Hall.jpg";
}
if (index == 2)
{
RightFrame.document.RightImage.src = "Clock Tower.jpg";
}
if (index == 3)
{
RightFrame.document.RightImage.src = "Elliot Hall.jpg";
}
if (index == 4)
{
RightFrame.document.RightImage.src = "Football Field.jpg";
}
if (index == 5)
{
RightFrame.document.RightImage.src = "North Hall.jpg";
}
if (index == 6)
{
RightFrame.document.RightImage.src = "South Hall.jpg";
}
if (index == 7)
{
RightFrame.document.RightImage.src = ="Straughn Hall.jpg";
}
return;
}
</script>
</head>
<frameset cols="20%,*">
<frame name="LeftFrame" src="left3.html">
<frame name="RightFrame" src="right1.html">
</frameset>
</html>但是，在没有跨源错误的情况下，我无法运行它。我一直在尽我所能使它发挥作用，但我对此还不熟悉。我真的很感激你的帮助。
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-11-24 20:11:27
下面是一个解决方案模板：
left3.html
<html>
<head>
<title>Assignment</title>
<script>
function setImage(index)
{
parent.frames.RightFrame.window.postMessage(index);
return;
}
</script>
</head>
<body>
<button onclick="setImage(55);">Set Image 55</button>
</body>
</html>right1.html
<html>
<head>
<title>Assignment</title>
<script>
window.addEventListener("message",function(e)
{
alert(e.data);
setImage(e.data);
});
function setImage(index)
{
if (index == 55)
{
document.getElementById("RightImage").src = "up_arrow.gif";
}
return;
}
</script>
</head>
<body>
<img src="wt.gif" id="RightImage" >
</body>
</html>1.html
<html>
<head>
<title>Assignment</title>
</head>
<frameset cols="20%,*">
<frame name="LeftFrame" src="left3.html">
<frame name="RightFrame" src="right1.html">
</frameset>
</html>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59020326
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号