link載入js文件（link引入js文件）

本文目錄一覽：

• 1、如何實現JavaScript動態載入CSS和JS文件
• 2、linux下如何讓網站支持用一個連接載入多個CSS或者JS文件
• 3、javascript或jquery如何實現延遲載入js文件
• 4、如何動態載入外部CSS與JS文件
• 5、如何在項目中通過LINK標籤鏈接自己javascript腳本?

如何實現JavaScript動態載入CSS和JS文件

動態載入外部css樣式及css樣式，參考代碼如下：

// 動態載入外部js文件

var flag = true;

if( flag ){

loadScript( “js/index.js” );

};

function loadScript( url ){

var script = document.createElement( “script” );

script.type = “type/javascipt”;

script.src = url;

document.getElementsByTagName( “head” )[0].appendChild( script );

};

// 動態載入js

if( flag ){

var script = document.createElement( “script” );

script.type = “text/javascript”;

script.text = ” “;

document.getElementsByTagName( “head” )[0].appendChild( script );

};

// 動態載入外部css樣式

if( flag ){

loadCss( “css/base.css” );

};

function loadCss( url ){

var link = document.createElement( “link” );

link.type = “text/css”;

link.rel = “stylesheet”;

link.href = url;

document.getElementsByTagName( “head” )[0].appendChild( link );

};

// 動態載入css樣式

if( flag ){

var style = document.createElement( “style” );

style.type = “text/css”;

document.getElementsByTagName( “head” )[0].appendChild( style );

var sheet = document.styleSheets[0];

insertRules( sheet,”#gaga1″,”background:#f00″,0 );

};

function insertRules( sheet,selectorTxt,cssTxt,position ){

if( sheet.insertRule ){ // 判斷非IE瀏覽器

sheet.insertRule( selectorTxt + “{” + cssTxt +”}” ,position );

}else if( sheet.addRule ){ //判斷是否是IE瀏覽器

sheet.addRule( selectorTxt ,cssTxt ,position )

}

}

linux下如何讓網站支持用一個連接載入多個CSS或者JS文件

js做按需載入，只導入一個js文件，然後這個js裡面處理載入更多js，教程百度可以搜到很多

css裡面可以再包含css，比如你網頁裡面引用：style.css

然後用在@import語句，裡面可以再包含其他樣式表：

@import “base.css”;

@import “forms.css”;

javascript或jquery如何實現延遲載入js文件

1、把js的代碼放在body裡面，最好是放在頁面最後的位置，而不是放在head裡面。這樣整個頁面載入結束的時候才會載入到js。

2、你可以使用js函數動態的修改頁面，載入js。下面附上兩個函數，可以用來載入js或者css。

/*Title : 包含其它 js 文件。

* Description : 將其它 Js 文件引入本文件中，方便管理、維護。*/

function include_js(path) {

var sobj = document.createElement(‘script’);

sobj.type = “text/javascript”;

sobj.src = path;

var headobj = document.getElementsByTagName(‘head’)[0];

headobj.appendChild(sobj);

}

/* Title : 包含其它 css 文件。

* Description : 將其它 css 文件引入本文件中，方便管理、維護。 */

function include_css(path) {

var fileref = document.createElement(“link”)

fileref.rel = “stylesheet”;

fileref.type = “text/css”;

fileref.href = path;

}

3、利用ajax載入js。

如何動態載入外部CSS與JS文件

動態載入外部css樣式及css樣式，參考代碼如下：

// 動態載入外部js文件

var flag = true;

if( flag ){

loadScript( “js/index.js” );

};

function loadScript( url ){

var script = document.createElement( “script” );

script.type = “type/javascipt”;

script.src = url;

document.getElementsByTagName( “head” )[0].appendChild( script );

};

// 動態載入js

if( flag ){

var script = document.createElement( “script” );

script.type = “text/javascript”;

script.text = ” “;

document.getElementsByTagName( “head” )[0].appendChild( script );

};

// 動態載入外部css樣式

if( flag ){

loadCss( “css/base.css” );

};

function loadCss( url ){

var link = document.createElement( “link” );

link.type = “text/css”;

link.rel = “stylesheet”;

link.href = url;

document.getElementsByTagName( “head” )[0].appendChild( link );

};

// 動態載入css樣式

if( flag ){

var style = document.createElement( “style” );

style.type = “text/css”;

document.getElementsByTagName( “head” )[0].appendChild( style );

var sheet = document.styleSheets[0];

insertRules( sheet,”#gaga1″,”background:#f00″,0 );

};

function insertRules( sheet,selectorTxt,cssTxt,position ){

if( sheet.insertRule ){ // 判斷非IE瀏覽器

sheet.insertRule( selectorTxt + “{” + cssTxt +”}” ,position );

}else if( sheet.addRule ){ //判斷是否是IE瀏覽器

sheet.addRule( selectorTxt ,cssTxt ,position )

}

}

如何在項目中通過LINK標籤鏈接自己javascript腳本?

link標籤貌似都是載入樣式表css文件的，如果你非要載入腳本

可以讓css文件執行腳本創建script元素進行載入

background-image:url(javascript:alert(1))

將alert(1)換成創建script元素的腳本即可

創建方法大概如下,可能會有語法錯誤,自己修正吧

var s = document.createElement(‘script’);

s.src = ”;

document.body.appendChild(s);

正統的載入方式

script type=”text/javascript” src=”yourscript.js”/script