首页>内容

js引入css/js文件

Javascript

小坏蛋 / 12-29 / 评论 / 阅读 / 赞

作者有点忙，还没写简介

文章描述：

使用js载入css、js文件

方法一：

//引入css
var head = document.getElementsByTagName('head')[0];
var link = document.createElement('link');
link.href = 'css/app.css';
link.rel = 'stylesheet';
link.type = 'text/css';
head.appendChild(link);
//引入js
var head = document.getElementsByTagName('head')[0];
var script = document.createElement('script');
script.src = 'js/app.js';
script.type = 'text/javascript';
head.appendChild(script);

方法二：

在body里

//引入css
new_element=document.createElement("link");
new_element.setAttribute("rel","stylesheet");
new_element.setAttribute("type","text/css");
new_element.setAttribute("href","css/pc.css");
document.body.appendChild(new_element);
//引入js
new_element=document.createElement("script");
new_element.setAttribute("type","text/javascript");
new_element.setAttribute("src","js/pc.js");
document.body.appendChild(new_element);

方法三：

var importCssJs = {
	css: function(path) {
		if(!path || path.length === 0) {
			throw new Error('参数"path"错误');
		}
		var head = document.getElementsByTagName('head')[0];
		var link = document.createElement('link');
		link.href = path;
		link.rel = 'stylesheet';
		link.type = 'text/css';
		head.appendChild(link);
	},
	js: function(path) {
		if(!path || path.length === 0) {
			throw new Error('参数"path"错误');
		}
		var head = document.getElementsByTagName('head')[0];
		var script = document.createElement('script');
		script.src = path;
		script.type = 'text/javascript';
		head.appendChild(script);
	}
}

//引用方法
importCssJs.css('css/m.css');
importCssJs.js('js/m.js');

发布时间：2021/12/29

js引入css/js文件

相关阅读

发表评论

最近发表