HTML中引入css和js的方法

JavaScript015

HTML中引入css和js的方法,第1张

我们在HTML中经常需要引入CSS和JS文件，那么如何引入呢？下面我给大家演示一下。

工具/材料

Sublime Text

01

首先新建一个文件夹，在文件夹下面建立如下图所示的文件

02

接下来用Sublime Text打开HTML文件，写入HTML结构，如下图所示

03

然后我们在Head标签内用link标签引入CSS文件，如下图所示

04

最后用Script标签引入JS文件即可，如下图所示

require有个text组件的.引用组件后.define中只要text!css/style.css就可以引用引用css文件就可以了.也可以引用html模板文件

define(["require"], function(require) {

    var cssUrl = require.toUrl("./style.css")

    var link = document.createElement("link")

    link.type = "text/css"

    link.rel = "stylesheet"

    link.href = cssUrl

    document.getElementsByTagName("head")[0].appendChild(link)

})

nodejs本身只能加载js，css文件只能做为文本被读取。

如果想要加载解析css，可以配合webpack，然后使用css-loader、style-loader来使用。

css-loader是用来加载解析css的，将其处理成对象，方便js进一步处理；

style-loader可以将css-loader处理的对象导入到html中，从而可以在网页中运行。