在框架页面上动态更改文本

时间:2010-11-01 16:40:17

标签: javascript html

alt text

大家好

我正在为我的Javascript课程创建一个小网站。我在图像中创建了一个包含3帧的页面。

我不知道是否可以这样做,但我想做的是:

当访问者点击FRAME MENU中的“PAGE A”时,FRAME HEADER中的文本“TEXT TITLE”将更改为“WELCOME TO A”,或者当他点击“PAGE B”时,文本“TEXT TITLE” “改为”欢迎来到B“。

我知道可以通过一次点击加载两个页面,因此您可以说为什么不在框架标题中加载另一个页面,但这不是我想要做的。

是否可以通过javascript中的任何方式执行此操作?

由于

1 个答案:

答案 0 :(得分:1)

嗯,首先建议 - 不要使用框架。将页面相互包含起来非常容易,所以只需编写一些小组件,如menu.html,top.html,mainpage.html,并将这些组件包含在您的页面中。

这使得页面管理变得更加容易 - 您可以重用代码并使用这些小组件创建页面。

然后当您点击链接时,您将转到包含manu的页面,在顶部您包含相应的标题和主页面。

如果您使用某种服务器端语言,则可以将标题的标题作为参数传递。

如果你真的想要使用框架,你需要做这样的事情: 带框架的主页:

<html>
<head>
<title>Frames Example 5</title>
</head>
<frameset cols="20%,80%">
<frame src="page1.htm" name="left_frame">
<frame src="page2.htm" name="right_frame">
</frameset>
</html> 

Page,更改了链接:

<html>
<head>
<title>frame 10</title>
<script language="JavaScript" type="text/javascript">
<!--
function change()
{
parent.left_frame.location="page3.htm";
parent.right_frame.location="page4.htm";
}
//-->
</script>
</head>
<body bgcolor="#ffffff" text="#000000">
<center>
Click the link below to change both frames.
<br />
<a href="javascript:change2()">change 2 frames</a>
</center>
</body>
</html> 

所以,在你的菜单中添加这个javascript并更改链接并引用你的框架。