HTML中引入css和js的方法

JavaScript014

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

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

工具/材料

Sublime Text

01

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

02

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

03

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

04

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

js 文件不需要安装

js 文件是需要引用到html文件中的链接,在打开html的时候会编译执行

创建js文件:可以通过创建一个txt后缀的文件,然后将txt更改为js即可。

编辑js文件:通用的编辑器都可以对js文件进行编辑,比如:记事本、notepad、sublime 、webstorm 、ultraeditor 等等。

js 是什么? JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型

在页面里引入bootstrap的css和js文件的方法是通过modules的loader加载的。

1、加载js文件:

var path = require('path')

module.exports = {

context: path.resolve('js'),

entry: "./index",

output: {

path: path.resolve('build/js/'),

publicPath: '/public/assets/js/',

filename: "bundle.js"

}

2、加载css文件:

{test: /\.css$/, loaders: 'style-loader!css-loader' , exclude: /node_modules/}

3、完整的写法如图: