Javascript客户端脚本的设计和应用

2019-06-03 21:43:33于海丽

  }
  TYPEOF的作用是返回变量中数据类型对应的字符串。
  TYPEOF返回的字符串随着浏览器的不同会有一定的差异。

二、在网页中使用JavaScript

  1、链接标记的URL中

  <a href = "Javascript: alert('Hi !');" >Click Me </a>
  Click Me
  这种做法通常只在教学演试中使用。
  HREF中的"Javascript : // "的协议头一定要加,其中可以写多句脚本,但不能写 RETURN 语句。

  2、HTML标签的事件处理属性中

  <a href = "#" onclick = "Javascript: alert('Hello !');return false;">Click Me Too</a>
  Click Me Too
  这种做法比较简单,比较常用。return false 是为了禁止页面跳转。
  通常 "Javascript : // "的协议头可以不加,简写为 onclick = "alert('Hello !');return false;"。

  3、页面的SCRIPT标签中

  <script language="javascript" type="text/javascript">
  <!--//--><![CDATA[//><!--
  function testJs(){
    alert('Hello !');
    ...
  }
  //--><!]]>
  </script>
  ...
  <a href = "#" onclick = " testJs();return false;">Click Me Again</a>
  Click Me Again
  这种做法把脚本与HTML做了一定的分离,代码的整体结构比较良好。
  在代码的周围加上<!--//--><![CDATA[//><!-- 和 //--><!]]>是为了避免不支持脚本的浏览器把脚本当作普通文本输出。
  与之作用类似的还有<noscript>标签,<noscript>标签在浏览器不支持脚本时显示出其中的提示性文字。
  <script>标签通常都放在<head>标签内。

  4、外部脚本文件中

  [ testJs.js ]
  <!--//--><![CDATA[//><!--
  function testJsExt(){
    alert('Ohhh No!');
    ...
  }
  //--><!]]>
  [ *.htm ]
  <script language="javascript" type="text/javascript" src="mat/js/testJs.js"></script>
  ...
  <a href = "#" onclick ="testJsExt();return false;">Click Me Nowww! </a>
  Click Me Nowww !
  外部脚本就是把脚本保存在一个单独的 *.js 文件中,通过指定<script>标签的 src 属性,把脚本引入。
  效果相当于在原先的<script> 标签中间插入外部文件中的脚本文本。
  注意某些浏览器将忽略有SRC属性的<script>标签中的脚本代码。
  这种方法从本质上来讲与第三种方法没有差别,但是由于把脚本和HTML做了完全的分离,所以是商业领域最常用的方法。
  现在我们在标签<a>中仍然有Javascript的痕迹,在Javascript客户端编程中我将会介绍如何将其去除,以及使Javascript脚本在HTML中留下最少痕迹的手段