公用css和js怎么处理的

JavaScript017

公用css和js怎么处理的,第1张

使用外部引入的方式,将CSS与JS文件引入到相应的html文件当中,从而降低代码的冗余度

引入CSS的方式是通过link标签

引入JS的方式则是通过script标签

例如如下代码:

<link rel="stylesheet" href="css文件路径" />

<script src="js文件路径"></script>

在CSS以及JS的使用当中,实际开发当中通常都是使用外部引入的方式进行书写(包括不共用的CSS代码),以便于管理,在适当的时候配合html文件内部书写的方式

如果是新手学习HTML5,建议弄本书把基础知识打扎实,弄清楚行业里如何开发,而不要只学习知识点,推荐《HTML5布局之路》,基于实际开发工作讲解的结构样式方面的东西

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

工具/材料

Sublime Text

01

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

02

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

03

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

04

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

css和js发生关联的方法:

我是一名网页前端工作者, 说说我的关联方法:

在css先设置一个选择器, 比如.current{}类 , 然后在js里用addClass('current')方法, 关联此css

直接在js的jquery里用 .css({'text-align':'align'}) 这种方法设置css, 里面的text-align:center可以换成别的

用.attr()的jquery的方法动态改变标签的属性, 也可以达到设置css的效果

通过JS来更改link标签下的href属性, 来达到更换CSS文件比如:<link href="songti.css" id="divCss" rel="stylesheet" />通过改变其href即可:

    var newCss=document.getElementsById(divCss)

    newCss.href="新的css文件.css"

我经常用的方法是前3种, 希望我提到的四种方法能给楼主带来帮助.