framer

最新推荐文章于 2017-07-06 14:02:38 发布

lixuan

最新推荐文章于 2017-07-06 14:02:38 发布

阅读量403

点赞数

分类专栏： html 文章标签： framer

本文链接：https://blog.csdn.net/lixuan629161/article/details/8874238

版权

html 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

基本上有三种方法可以达到这种功能。第一种方法是制作一个按钮, 让使用者按下后去启动一个能同时将两份文件载入不同frames或新视窗的函式 (function)。若您曾经看过此份简介文件的其它章节的话, 我相信您可以很轻易写出这种语法:

我们制作了三个 frame, 第一个 frame 中包含了一个按钮。请注意, 第一个 HTML 档案只是用来打开 frame 和给予每个 frame 一个名字。若您还不清楚 JavaScript 和frame 的关系, 可以先阅读第三章。不过在此还是照例让您瞧瞧原始码(不知您是否在很多电脑书籍中遇到一个相同的困扰, 那就是作者常把一些自认很简单的东西忽略不提, 结果那些东西正是读者搞不懂的地方! 所以, 若您对我提的东西已很了解, 请发挥一下您的耐性 :-)

frames2.html

<html>
<head>
<title>Frames</title>
</head>
<frameset COLS="295,*">
<frameset ROWS="100%,*">
<frame SRC="loadtwo.html" NAME="fr1">
</frameset>
<frameset ROWS="75%,25%">
<frame SRC="cell.html" NAME="fr2">
<frame SRC="cell.html" NAME="fr3">
</frameset>
</frameset>
</html>

第一个 frame 会载入 loadtwo.html 并产生一个按钮:

loadtwo.html
<HTML>
<HEAD>
<script language="JavaScript">

</script>
</HEAD>
<BODY>
<FORM NAME="buttons">
<INPUT TYPE="button" VALUE="同时载入两份文件"
onClick="loadtwo('frtest1.html','frtest2.html')">
</FORM>
</BODY>
</HTML>

按下按钮后, 电脑会传递两个字串给 loadtwo() 并将之启动。由 loadtwo() 中可以看出, 第一个串是用来定义第二个 frame fr2所载入文件的位址和档案名。若您想定义另外的按钮来载入不同的文件, 您可以重复使用此函式。只要将文件的 URLs (addresses) 传给 loadtwo()即可。

接下来谈谈用 hyperlinks 同时载入两页文件的第二种方法。

在 Internet 上您可以发现许多网页使用<a href="yourlink.html" onCLick="yourfunction()">来达到上述提及的功能。但此语法并不能在所有平台上均正常执行, 因此最好不要用此语法。现在我告诉您另一种写法: 我们可改用下述JavaScript 语法:

<a href="javascript:myfunction()">My Link</a>

此种方式非常简单而且在所有浏览器中均能正常执行。您只要写上 javascript: 并加上您想联结的函式名即可。若此函式名称设为 'loadtwo()' , 那您就可藉由按下此 hyperlink 来达到同时载入两份文件的目的了。

再接着谈谈用 mouse 按一下便可同时载入两页文件的第三种方法,

此方法可以以 hyperlinks 或按钮来执行。您可先在第二个frame 中载入一个 HTML 文件:
<a href="getfr2.html" target="fr2">请按这里!</a>
然后在此文件中(getfr2.html)加入 onLoad 这项指令, 用来触发第三个 frame 载入另一份文件。如此一来便可同时载入两份文件。getfr2.html 档的原始码如下 :

<HTML>
<BODY onLoad="parent.fr3.location.href='getfr3.html'; return true;">
文件内容.....。
</body>
</html>

当然, 您必须在所有会被载入到第二个 frame 的文件中加入 onLoad 这项指令。