首页 > 代码库 > 1关于script标签属性,注意点,浏览器文档模式

1关于script标签属性,注意点,浏览器文档模式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>

<!--script标签的属性:1.charset 2.defer 3.language 4.src 5.type
他里边的代码解释顺序是从上到下。
里边的代码内容不能含有script标签,因为会把它作为结束标志,解决办法是把它分拆。
引用的外部js文件的解析顺序也是从上到下,但是如果都把引用的外部js文件放在头处,如果碰到引用外部js文件多且大,
解决办法是把它们放在body元素中
或者在script的属性中设置defer="defer"。不过对于他只有火狐和IE支持这个属性。
在xhtml代码中,不要使用<号,因为会把它解析城其他的标志,解决方法是1.把<换为&lt; 2.使用<![CDATA[js代码]]>  
 3.使用 //<![CDATA[js代码 //]]> 也可以
-->
<script type="text/jscript">
    //<![CDATA[
   function compare(a,b)
    {
        if(a < b)
        {
              alert("b比a大");
        }
        else{
                 alert("a比b大");
        }
    }
  //  ]]>
</script>
<!--尽量引用外部js的 原因:维护性强,可缓存,可适应未来-->
<!--文档类型:IE5是混杂模式,IE7是标准模式,IE8是超级标准模式,在IE8中可以用meta标签来关闭默认文档模式。
如<meta http-equiv="X-UA-Compatible" content="IE=7"/>,这样就可以使用IE7的呈现引擎来呈现页面-->
    <input id="Button1" type="button"  onclick="compare(1,2);" value="http://www.mamicode.com/比较1和2的大小"/>
   <!--定义变量的时候可以这样定义:var message= ‘infoa‘,meesage1=1,message2=true;-->

   <!--typeof的使用:他并不是一个函数,它只是一个操作符,但是可以用()如下:-->
   <script type="text/jscript">
       function testTypeOf() {
           var message = "message", number1 = 95;
           alert(typeof message);
           alert(typeof (message));

           alert(typeof number1);

       }
   </script>
    <input id="Button2" type="button" value="http://www.mamicode.com/检测类型" onclick="testTypeOf();" />

    <!--未初始化的默认值未undefined,null类型是一个object,undefined派生自null    @40-->
</body>
</html>





1关于script标签属性,注意点,浏览器文档模式