1. 程式人生 > >Js的script標籤中的id作用

Js的script標籤中的id作用

首先,和普通的html標籤一樣,script也是可以作為html元素來處理的,而Dom的節點都是可以有id屬性的;

其實,script中的id還是有用的,比如如果頁面需要載入的JS檔案過多,那樣最好是寫一個JS檔案用來載入這些JS檔案,比如可做如下參考:

require: function(libraryName){
       document.write('<script type="text/javascript" src="'+libraryName+'"></script>');
    },//動態載入JS檔案

load: function(){
        var cr_scripts = new Array();
        var scriptObjects = document.getElementsByTagName("script");
//這裡是通過ByTagName取得script的 當然也可以通過id來取
        
        for(var i = 0; i < scriptObjects.length; i++)
        {
            var s = scriptObjects[i];
            
               var path = “”                               
               cr_scripts = cr_scripts.concat([ 
                    path + "js/prototype.js",
                    path + "js/utility/utility.js",
                    path + "js/webclient.js",
                    path + "js/nrcap2sdk.js",
                    path + "js/combobox.js",
           path + "js/c7web_combobox.js",
                    path + "js/slider.js",
                    path + "js/range.js",
                    path + "js/timer.js"
                ]); 
               }        
           
        
           
        for(var j = 0;j < cr_scripts.length;j++)
        {   
            _sl.require(cr_scripts[j]);
        };  
        
    },

示例應用

<script id="Temp" language="JavaScript" type="text/javascript" defer>

    Temp.src = "try.php?include=first.php"; 

/script>

js解析,處理成script的src屬性的值為"try.php?include=first.php",即:src="try.php?include=first.php"

<script id="scr"></script><script> 

    document.getElementById('scr').src='try.php?include=first.php';

</script>