第四章 JavaScript 语言(2)

第三节JavaScript与HTML(4.3)SCRIPT标记SCRIPT标记的属性注释标记的运用JavaScript代码运行时间与页面中嵌入位置SCRIPT标记在将JavaScript嵌入HTML页面时，必须使用SCRIPT标记，该标记使用的一般形式如下所示：SCRIPTJavaScript代码/SCRIPTSCRIPT是HTML中的一种扩展标记，JavaScript代码应该包含在SCRIPT标记内，通过SCRIPT标记，浏览器才能够解释其中的脚本或者引用写在源文件中的JavaScript函数。SCRIPT标记使用例子：例:hello写入HTML页面。1.SCRIPTwindow.document.write(hello);/SCRIPT2.SCRIPTfunctionalerter(){window.alert(hello);}/SCRIPT注释标记的运用为了解决比较老的浏览器不支持JavaScript的问题，需要运用注释标记来解决这个问题，在加入了注释标记后，JavaScript代码如下所示：SCRIPTLANGUAGE=javascript!--JavaScript代码//--/SCRIPT对于不能支持JavaScript的浏览器来说，JavaScript代码是包含于注释之中的，所以不会显示到页面上，而SCRIPT标记和/SCRIPT标记是不能识别的标记，也将被忽略。所以，在这种情况下，不会对页面的布局产生破坏作用。支持JavaScript的浏览器却能正确识别位于注释中的JavaScript代码，从而加以解释执行。这里在注释标记结束的一行前加入双斜线//，这代表着对于JavaScript代码来说，这也是一行注释，从而保证了JavaScript代码的正确解释执行。SCRIPT标记的属性SCRIPT标记有两个属性：LANGUAGE和SRC属性。(1)LANGUAGE属性用以指定包含在SCRIPT标记中的脚本代码的语言类型，因为在浏览器中不仅可以包含JavaScript脚本，也能够包含VBScript脚本和JScript脚本，使用方式如下所示：SCRIPTLANGUAGE=javascript如果不使用LANGUAGE属性指定脚本代码的语言类型，大多数浏览器也能够正确辨认出JavaScript的脚本。不过，为了加强网页的适用性，我们还是建议写上LANGUAGE属性。SCRIPTLANGUAGE属性（2）在LANGUAGE属性中还可以指定JavaScript的版本：(1)SCRIPTLANGUAGE=javascript1.0，使用的JavaScript版本为JavaScript1.0，该版本必须在Navigator2.0以上的浏览器中运行。(2)SCRIPTLANGUAGE=javascript1.1，使用的JavaScript版本为JavaScript1.1，该版本必须在Navigator3.0以上的浏览器中运行。(3)SCRIPTLANGUAGE=javascript1.2，使用的JavaScript版本为JavaScript1.2，该版本必须在Navigator4.0以上的浏览器中运行。(4)SCRIPTLANGUAGE=javascript1.3，使用的JavaScript版本为JavaScript1.3，该版本必须在Navigator4.06以上的浏览器中运行。SCRIPTLANGUAGE属性（3）当指定JavaScript语言版本时，如果浏览器不支持这个版本的JavaScript时，浏览器会忽略这一段脚本代码。例如，如果定义JavaScript的语言版本为JavaScript1.2，那么当使用Navigator3.0的浏览器浏览时，浏览器会忽略这一段脚本。例：在一个页面中同时使用多个版本的JavaScript:SCRIPTLANGUAGE=javascript1.1JavaScript1.1版本的代码/SCRIPTSCRIPTLANGUAGE=javascript1.2JavaScript1.2版本的代码/SCRIPTSCRIPT标记的SRC属性（1）SCRIPT标记的SRC属性使得页面能够间接嵌入JavaScript脚本文件（.js），这样页面就可以调用写在脚本文件中的JavaScript函数。使用这种方法，可以在多个页面中使用到相同的函数。从而在多个页面之间共享代码。例如，下面的SCRIPT标记引用了一个名称为myJavaScript.js的源文件：SCRIPTtype=“text/javascript”SRC=myJava.js/SCRIPT这样，包含在SCRIPT标记中的JavaScript代码就可以调用myJavaScript.js中的函数SCRIPT标记的SRC属性（2）在引用源文件时可以使用两种方式：其一，使用相对路径，SRC属性中是文件的相对路径，例如上面的例子。其二，使用URL地址，SRC属性中是文件的URL地址，例如：SCRIPTtype=“text/javascript”SRC=当使用了SRC引用JavaScript源文件时，源文件必须以.js为文件后缀名，并且，在源文件中只能使用JavaScript代码而不能包含任何HTML标记。JavaScript代码运行时间与页面中嵌入位置页面下载后立即执行JavaScript代码的位置调用时运行JavaScript代码的位置一开始在页面就会显示字符串例子:HTMLHEADTITLEAJavaScriptExample/TITLESCRIPTLANGUAGE=javascript!--window.document.write(ThisisaJavaScriptSample);//--/SCRIPT/HEADBODY/BODY/HTML将字符串写入表格中，JavaScript代码位于HEAD和/HEAD标记之间:HTMLHEADTITLEAJavaScriptExample/TITLESCRIPTLANGUAGE=JavaScript!--window.document.write(tableborder=1trtd)window.document.write(ThisisaJavaScriptSample)window.document.write(/td/tr/table)//--/SCRIPT/HEADBODY/BODY/HTML将字符串写入表格中，JavaScript代码位于TD和/TD标记之间:HTMLHEADTITLEAJavaScriptExample/TITLE/HEADBODYTABLEborder=1TRTDSCRIPTLANGUAGE=JavaScript!--window.document.write(ThisisaJavaScriptSample);//--/SCRIPT/TD/TR/TABLE/BODY/HTML共同特点JavaScript代码是在页面下载后立即执行嵌入的位置:一般应该将JavaScript代码嵌入到页面合适的位置。如果希望JavaScript代码运行结果处于页面的最上部，一般应该将代码放在HEAD标记和/HEAD标记之间。如果需要包含于页面元素之内，则应该将代码嵌入到相应元素的标记之内。按下按钮后会出现显示ThisisaJavaScriptSample的警告框:HTMLHEADTITLEAJavaScriptExample/TITLE/HEADBODYFORMINPUTTYPE=buttonVALUE=ALERTOnClick=alerter()/FORM/BODY/HTMLSCRIPTLANGUAGE=JavaScript!--functionalerter(){window.alert(ThisisaJavaScriptSample);}//--/SCRIPT特点JavaScript代码不在页面下载时立刻运行，而是作为一个函数等待其他语句的调用.可以将JavaScript代码嵌入到页面的任何位置，如将代码放在/HTML标记之外，页面也能够使用这个函数，但这并不是一个好习惯。一般情况下，最好是将JavaScript代码放在HEAD标记和/HEAD标记之间，这不是编写脚本的强制要求，而是一种良好的编写风格。直接嵌在html标记上另一种嵌入的方法，就是在页面元素事件处理中直接嵌入JavaScript代码，如上面的例子中的按钮，可以采用这种表达方式：INPUTTYPE=buttonVALUE=ALERTOnClick=window.alert(‘ThisisaJavaScriptSample’)这样，在鼠标单击这个按钮时，可以直接调用alert()方法弹出警告框，而不必编写JavaScript的函数。这种方法简洁明了，但是，一般只适用于在其中嵌入少量JavaScript代码的页面。