怎麼引入js和css,js需要引入嗎

本文目錄一覽：

• 1、怎麼在頁面里引入bootstrap的css和js文件
• 2、用js文件怎麼引入其他js文件和css文件
• 3、ES6 如何引入js css等問題
• 4、HTML中引入css和js的方法
• 5、html頁面中怎麼獲取項目根目錄和引入js和css？

怎麼在頁面里引入bootstrap的css和js文件

在頁面里引入bootstrap的css和js文件有下面兩種方法

方法一：

首先得把boostrap下下來；

link type=”text/css” rel=”stylesheet” href=”boostrap.min.css”這個是引入css文件

script type=”text/javascript” scr=”boostrap.min.js”這個是引入js文件

方法二：

link rel=”stylesheet” href=”//cdn.bootcss.com/bootstrap/3.3.5/css/bootstrap.min.css”CDN引入（css）

script src=”//cdn.bootcss.com/bootstrap/3.3.5/js/bootstrap.min.js”/script

CDN引入（js）

注意：引用之前要先引用jquery才可以用它的js文件

用js文件怎麼引入其他js文件和css文件

方法一，在調用文件的頂部加入下例代碼：

document.write(”script language=javascript src=’/js/import.js’/script”);

(註：有時你引用的文件還可能需要引用其他的js,我們需要將需要的那個js文件也以同樣的方法引用進來)

方法二,通過中間界面對js進行應用

就是我們可以在某個html中引用了你需要的js文件，我們可以通過拿到那個html文件的對象，然後在通過這個對象去引用js的方法。

（一般不常用）

方法三：在將下邊代碼放入Body中：

new_element=document.createElement(”script”);

new_element.setAttribute(”type”,”text/javascript”);

new_element.setAttribute(”src”,”import.js”);

document.body.appendChild(new_element);

我們來分析一下關鍵的幾句代碼：

首先，我們利用document.createElement(”script”)生成了一個script的標籤，設置其 type屬性為text/javascript，src為import.js(這裡的1.js同2.js放在同一個目錄，也可放在不同的目錄)。最後將這個標籤動態 地加入body中。如此一來，我們就可以調用到不同js文件中的方法了。

注意：script language=”JAVASCRIPT” src=’1.js’/script一定要放在body下面。

因為在2.js中用到了body（document.body.appendChild(new_element);）

如果將引如2.js的代碼放在body上面，也就是說，

進入頁面後，還沒有生成body就已經執行b.js里的document.body.appendChild(new_element);了。

這時body不存在就會拋JavaScript錯誤。

ES6 如何引入js css等問題

在ES6 中有了export default和module.exprot等 導出的概念了

自然有了import和require 引入的解決方法

requrie 同樣也可以引入css和js

HTML中引入css和js的方法

我們在HTML中經常需要引入CSS和JS文件，那麼如何引入呢？下面我給大家演示一下。

工具/材料

Sublime Text

01

首先新建一個文件夾，在文件夾下面建立如下圖所示的文件

02

接下來用Sublime Text打開HTML文件，寫入HTML結構，如下圖所示

03

然後我們在Head標籤內用link標籤引入CSS文件，如下圖所示

04

最後用Script標籤引入JS文件即可，如下圖所示

html頁面中怎麼獲取項目根目錄和引入js和css？

script src=”../../../../../scripts/***.js/script

除了如上邊那種用多個父路徑外還有沒有別的方法直接獲取項目跟路徑。獲取項目根目錄

在jsp里去%=request.getContextPath()%這就是項目的根路徑了，是到項目這層的。

js的引入方法如下：

script src=”%=request.getContextPath() % /home/test.js”/script

css的引入方法：

link href=”%=request.getContextPath() %/css/one.css” rel=”stylesheet” type=”text/css”。/js獲取項目根路徑，如：

getRootPath:function () {

//獲取當前網址，如：

var curWwwPath = window.document.location.href;

//獲取主機地址之後的目錄，如： /ems/Pages/Basic/Person.jsp

var pathName = window.document.location.pathname;

var pos = curWwwPath.indexOf(pathName);

//獲取主機地址，如：

var localhostPath = curWwwPath.substring(0, pos);

//獲取帶”/”的項目名，如：/ems

var projectName = pathName.substring(0, pathName.substr(1).indexOf(‘/’) + 1);

return(localhostPath + projectName);