一个html文件里怎样调用多个css和js？

html-css036

一个html文件里怎样调用多个css和js？,第1张

你好，你这样调用是可以调用多个css的。但是有一点就是多个css如果有重复编写一个id或者class的时候是以最后一个里面写的样式为主，上面的同一个样式会被下面的覆盖掉。最好不要用过多的css文件，会出现上面的情况的同时，会加大网页对css和js文件的请求次数，加大html的加载速度，对网页打开是不利的，尽量少写重复的，尽量少调用css和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。

JS主要是控制div里面的id的，只要你id不重复，js变量不冲突，就没有问题了，你可以试着前面 一样，后面加个数字，12345789依次排上去，js里面就给你的变量做个循环，从1开始，依次增加就OK了