繁体   English   中英

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

[英]Changing text dynamically on a framed page

替代文字

大家好

我正在为我的Javascript课程创建一个小网站。 如上图所示,我创建了一个包含3帧的页面。

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

当访客从FRAME MENU中单击“ PAGE A”时,FRAME HEADER中的文本“ TEXT TITLE”更改为“ WELCOME TO A”,或单击“ PAGE B”时,文本“ TEXT TITLE”更改了到“欢迎来到B”。

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

是否可以通过javascript以任何方式做到这一点?

谢谢

好吧,第一个建议-不要使用框架。 相互之间包含页面非常容易,因此只需编写一些小组件,例如menu.html,top.html,mainpage.html并将它们包含在您的页面中。

这使页面管理变得更加容易-您可以重复使用代码,并可以使用这些小组件来制作页面。

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

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

如果您真的想使用框架,则需要执行以下操作:带框架的主页:

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

页面,更改链接:

<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并更改链接并引用您的框架。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM