文章/答案/技术大牛

发布

社区首页 >问答首页 >初学者JavaScript/HTML框架通信

问初学者JavaScript/HTML框架通信
EN

Stack Overflow用户

提问于 2013-09-15 21:57:35

回答 1查看 905关注 0票数 1

我为Web类分配的任务之一是创建一个页面，其中两个框架使用JavaScript进行通信。在下一个框架上有四个链接(lower2.html)，当单击它们时，它们应该将上帧(upper1.html)中的图像更改为相应的图像，但不要。

文件名:JS-17een.html。这是我执行的.

<HTML>
<HEAD>
<TITLE>HTML and JavaScript</TITLE>
</HEAD>
<FRAMESET ROWS="140,*">
<FRAME NAME="upperFrame" SRC="upper1.html">
<FRAME NAME="lowerFrame" SRC="lower2.html">
</FRAMESET>
</HTML>

文件名: upper1.html。这是显示图像的上部框架。

<HTML>
<HEAD>
<TITLE>HTML and JavaScript</TITLE>
</HEAD>
<BODY>
<CENTER>
<IMG NAME="upperImage" SRC="lions.gif">
</CENTER>
</BODY>
</HTML>

文件名: lower2.html。这是包含应该更改图像的链接的下一个框架，但不要。无论我单击什么，它都保留在默认的lions.gif.上。

<HTML>
<HEAD>
<TITLE>HTML and JavaScript</TITLE>
<SCRIPT>
function setImage(number)
{
if (number==1)
{
    parent.upperFrame.document.upperImage.src="lions.gif";
}
if (number==2)
{
    parent.upperFrame.document.upperImage.src="tigers.gif";
}
if (number==3)
{
    parent.upperFrame.document.upperImage.src="bears.gif";
}
if (number==4)
{
    parent.upperFrame.document.upperImage.src="ohmy.gif";
}
return;
}
</SCRIPT>
</HEAD>
<BODY>
<CENTER>
<H2>IMAGE LIST</H2>
<TABLE>
<TR><TD><A HREF="javascript:setImage(1)">1: LIONS.GIF</A></TD></TR>
<TR><TD><A HREF="javascript:setImage(2)">2: TIGERS.GIF</A></TD></TR>
<TR><TD><A HREF="javascript:setImage(3)">3: BEARS.GIF</A></TD></TR>
<TR><TD><A HREF="javascript:setImage(4)">4: OHMY.GIF</A></TD></TR>
</TABLE>
</CENTER>
</BODY>
</HTML>

我已经翻阅了这本书，据我所知，我已经把每件事都做好了。提前谢谢你的帮助。

html

communication

frames

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-09-15 22:43:33

JavaScript主要在ID中工作。顶上给你主窗。

将ID属性添加到框架和图像标记中

<frame id="upperFrame" name="upperFrame" >

您还可以按索引访问帧。

 top.frames[0].document.  ,,,

读www.w3schools.com的东西。另外，框架集已经在HTML5中被取消了，所以请考虑学习iframes

将ID分配给帧和图像，使ID与名称相同，并尝试如下所示

 top.frames["upperFrame"].document.getElementById["imageIdNotName"].src = 'new value';

票数 2

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/18817902

复制

相似问题

问初学者JavaScript/HTML框架通信
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问初学者JavaScript/HTML框架通信EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问初学者JavaScript/HTML框架通信
EN