[英]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.