荔园在线

荔园之美,在春之萌芽,在夏之绽放,在秋之收获,在冬之沉淀

[回到开始] [上一篇][下一篇]


发信人: hbo (H.B.), 信区: Java
标  题: (转贴)JavaScript 简介(第 6 集)
发信站: 深大荔园晨风站 (Thu Mar 12 09:42:58 1998), 转信

寄信人: VINCENT
标  题: (转贴)JavaScript 简介(第 6 集)
发信站: 华南理工大学 BBS木棉站
日  期: Tue Oct 15 19:11:07 1996

 ∮行矶嗳死葱盼实饺绾沃话匆淮位蟀磁ザ芡倍寥肓椒莶煌?


的文件?基本上这有两种作法,第一种方法是建一个按钮去呼叫函数


来完成,利用函数将两份不同的文字读入不同的视窗框中或开启新的


视窗。如果你有看过我们在其他前几集的介绍,你会发现这个作法并


不难,所需的技巧我们也都介绍过了。





我们建了 3 个视窗框,第一个用来放置按钮, 而在 html
文件的部分,

第一个 frame2.htm
是用来改启所需的视窗框,并且定义好个别的名字。

这个我们在第 3
集如何制作视窗框中就曾经提过。不过我们还是把它

列出来(不知道写出来对你感觉如何,不过身为作者,对於电脑上的


说明文件其所想的就是如何使它们读起来够简单而不用加以印出来看)。





frames2.htm



<HTML>

<HEAD>

<title>Frames</title>

</HEAD>

    <FRAMESET COLS="295,*">

    <FRAMESET ROWS="100%,*">

    <FRAME SRC="loadtwo.htm" NAME="fr1">

      </FRAMESET>

  <FRAMESET ROWS="75%,25%">

    <FRAME SRC="cell.htm" NAME="fr2">

    <FRAME SRC="cell.htm" NAME="fr3">

      </FRAMESET>

</FRAMESET>

</HTML>




loadtwo.htm
则是放入第一个视窗框之中,这个视窗框会产生一个按钮在上面。





loadtwo.htm



<HTML>

<HEAD>

<script language="JavaScript">

<!-- Hiding

  function loadtwo(page2, page3) {

     parent.fr2.location.href=page2;

     parent.fr3.location.href=page3;

}

// -->

</script>

</HEAD>

<BODY>

<FORM NAME="buttons">

     <INPUT TYPE="button" VALUE="2 in a row" onClick="loadtwo('frtest1.htm','
frtest2.htm')">

</FORM>

</BODY>

</HTML>




函数 loadtwo() 会被按钮的动作所呼叫,
接著两个字串将传至该函数中,

如同你所看到在 loadtwo() 函数中第 2 个视窗 fr2
框将读入第一个字串所定

义的文件, 而第 3 个视窗 fr3 将读入第 2
个字串所定义的文件档名。如果

你需要不同的按钮用来读不同的档案的话,
你可以重覆使用这个函数,只

要将不同文件的 URL 当成字串变数传入该函数即可!

  第二种方法则是结合正常的超连结。当然;一个正常的超连结并无法


在被选到时去呼叫一个函数,所以我们必须另想他法。我们可以将第一个


HTML 文放入第一个视窗框之中,如下∶



                    <a href="getfr2.htm" target"fr2">Click here!</a>



然後在 getfr2.htm 这个文件中的 < Body> 标签内加上一个 onLoad 的
property。

内容如下∶






<HTML>

<BODY onLoad="parent.fr3.location.href='getfr3.htm'; return true;">

bla bla bla

</body>

</html>




当然,这程作法的话你必须在每一个文件中加入你所要读入的第二个视窗


框中的档名。




  另一个常遇到的问题是如何将一篇新文件放入新开启的视窗中。我们


希望当使用者接下连结时,特有一个新的视窗产生;此时你只要加个
target

的 property 到 <a href= > 的标签中即可!如下∶




             <a href="goanywhere.html" target="Resource Window">Go!</a>



  现在我们来看看一些你可能在 JavaScript
中所用到的运算符号。

某些运算符号是使程式简短及更有效率的有用工具。例如∶你若想要测


试 x 这个变数是不是大於 3 而且又想知道它是否小於 10,
你也许会写成

如此∶





if (x>3)

  if (x<10)

    doanything();




函数 doanything() 将在 x>3 且 x<10 时被呼叫。
然而有更简捷的写法∶

if (x>3 && x<10) doanything();

&& 这个符号称为 AND 的运算。当然,也有 OR
的运算符号。以下就是

用来检查是否变数 x 等於 5 或 y 等於 17 的语法∶

if (x==5 || y==17) doanything();

函数 doanything() 会在 x==5 或 y==17 时被呼叫。
当然二者条成立时也一样

会去呼叫的!比较的运算符号方面, 在 JavaScript 中,等号是 == (
也有 <,

>,<= 及 >=)。 如果你知道 C/C   的语法的话和它是一样的。
单一的等号

= 是用来存值到数用的指定符号。 ( 如果是Pascal
的话,指定值给变数的

符号就是 := , 而比较的符号则是 = , 有点不一样 )。

  若是你想要的是某一个变数不等於某一个值的话,不等於的运算符号


为!=;所以可以写成如下面的例子∶x != 17。

在 JavaScript 中有许多有用的运算符号可以将你
程式变得更有效率,建议

你可以去看看 Netscape 所提供的文件。





第 6 集 完



--
※ 来源:.深大荔园晨风站 bbs.szu.edu.cn.[FROM: 202.192.140.143]


[回到开始] [上一篇][下一篇]

荔园在线首页 友情链接:深圳大学 深大招生 荔园晨风BBS S-Term软件 网络书店