正在加载图片...
第24章使用 Javascript 是变量:<ⅠNPUT…>这条语句表示,当点击标有“计算”字样的 BUTTON按钮时就调用 函数 calculation(。你可以把这段程序存放在一个名为 fuc test html文件中,然后用浏览器试 试,看计算结果是否等于1 243层次结构 2431 JavaScript的层次结构 JavaScript以分层结构的方式组织Web网页上的所有文素。每个文素都被作为一个对象 ( Object)来看待,称为“HIML对象”,每个对象都有属性( Properties)和处理法( methods)下 面是一个简单的HIML文档,存放该文档的文件名假设为 justest. html: <HTML> <HEAD> </HEAD> <BODY BGCOLORE#FFFFF"> <CENTER><IMG SRC="image(0).gif" WIDTH=126 HEIGHT=115> </CENTER><P> <FORM ID="My Form"> 姓名 <INPUT TYPE=TEXT" NAME="name VALUE=><BR><BR> email <INPUT TYPE="TEXT" NAME="email"VALUE=><BR><BR> < INPUT TYPE=" BUTTON" VALUE="请按此按钮 Name="myButtonOncliCk="lOcatIon.hrefhttp://www.edu.cn;"> <FORM><P> <CENTER> <IMG SRC="image(1). gif"WIDTH=400 HEIGHT=10><BR><BR> < A HREF="htp/166116847/">我的主页<A> CENTER </BODY> </HTML> 在浏览器上将显示如图2404所示的页面。 上rdwb中 element( 1I mage[1] 我的 边metn 图2404层次结构分析页面 从 JavaScript的功能来看,web浏览器本身是一个窗口对象( window object,在这个对 象中可以加载HIML文档,例如 justest. html。同样, JavaScript把 justest. html也看成是一个对 象,称为文档对象( document object,它也是 JavaScript中的一个非常重要的对象,而且会经 常用到它。 在 justest. html这个HIML文档中,有两幅图像( image[], Image[])、一个链接( links(OD) 以及一个交易单(form),交易单中带有两个文本域( element[o], element1])和一个按钮第 24 章 使用 JavaScript 5 是变量；<INPUT … >这条语句表示，当点击标有“计算”字样的 BUTTON 按钮时就调用 函数 calculation()。你可以把这段程序存放在一个名为 fuc_test.html 文件中，然后用浏览器试 一试，看计算结果是否等于 17。 24.3 层次结构 24.3.1 JavaScript 的层次结构 JavaScript 以分层结构的方式组织 Web 网页上的所有文素。每个文素都被作为一个对象 (Object)来看待，称为“HTML 对象”，每个对象都有属性(Properties)和处理法(methods)。下 面是一个简单的 HTML 文档，存放该文档的文件名假设为 jstest.html： <HTML> <HEAD> </HEAD> <BODY BGCOLOR="#FFFFFF"> <CENTER><IMG SRC="image(0).gif" WIDTH=126 HEIGHT=115> </CENTER><P> <FORM ID="MyForm"> 姓名: <INPUT TYPE="TEXT" NAME="name" VALUE=""><BR><BR> email: <INPUT TYPE="TEXT" NAME="email" VALUE=""><BR><BR> <INPUT TYPE="BUTTON" VALUE="请按此按钮" NAME="myButton" ONCLICK="location.href='http://www.edu.cn'; "> </FORM><P> <CENTER> <IMG SRC="image(1).gif" WIDTH=400 HEIGHT=10><BR><BR> <A HREF="http://166.111.68.47/">我的主页</A> </CENTER> </BODY> </HTML> 在浏览器上将显示如图 24-04 所示的页面。 图 24-04 层次结构分析页面 从 JavaScript 的功能来看，Web 浏览器本身是一个窗口对象(window object)，在这个对 象中可以加载 HTML 文档，例如 jstest.html。同样，JavaScript 把 jstest.html 也看成是一个对 象，称为文档对象(document object)，它也是 JavaScript 中的一个非常重要的对象，而且会经 常用到它。 在 jstest.html 这个 HTML 文档中，有两幅图像(image[0]，image[1])、一个链接(links[0]) 以及一个交易单(form)，交易单中带有两个文本域(element[0]，element[1])和一个按钮