js引入css/js文件 3中方法

矫情吗；* 2021-11-27 02:24 433阅读 0赞

使用js动态引入js和css文件方法

方法1：

//引入css
    var head = document.getElementsByTagName('head')[0];
    var link = document.createElement('link');
    link.href = 'css/style.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/js.js';
    script.type = 'text/javascript';
    head.appendChild(script);

方法2：

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

方法3：

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/style.css');
    importCssJs.js('js/js.js');

发表评论取消回复

表情：

评论列表（有 0 条评论，433人围观）

还没有评论，来说两句吧...

相关阅读

相关在一个JS文件中引入另外的一个JS文件

*方案一:使用document.write();** document.write('<script src="katex.js" type="text/javascr...

忘是亡心i/ 2024年04月19日 11:09/ 0 赞/ 61 阅读

相关 JavaScript:在一个JS文件中引入另外的一个JS文件

![be76a451ce4430e245b18a9efa65a175.png][] 前因 -------------------- 这个问题是因为有很多的H

心已赠人/ 2023年01月09日 12:37/ 0 赞/ 312 阅读

相关在Vue 项目中动态引入 .js 文件

静态引入js文件： <template> <div> </div> </template> <

Myth丶恋晨/ 2022年12月01日 15:57/ 0 赞/ 608 阅读

相关 uni-app中引入组件、css样式以及js文件的方法

引入组件 import uniSearchBar from '@/components/uni-search-bar/uni-search-bar.vue' impo

客官°小女子只卖身不卖艺/ 2022年11月13日 07:29/ 0 赞/ 1188 阅读

相关 Bootstrap link 引入3文件

[简单示例][Link 1] <!DOCTYPE html> <html lang="zh-CN"> <head> <meta c

忘是亡心i/ 2022年05月01日 13:22/ 0 赞/ 206 阅读

相关 SpringBoot中无法引入JS文件

昨天用SpringBoot写一个小工具，需要引入js文件，但是一直无法加载js文件，js 中"$ is undefined",然后找了半天，最后然后发现，我在pom.xml

Myth丶恋晨/ 2022年03月09日 13:41/ 0 赞/ 418 阅读

相关 vue-引入外部js文件的方法和常量

1、方法调用 a: js文件（static/js/public.js） <table> <tbody> <tr> <td> <p>1</p> <p>2

野性酷女/ 2022年01月16日 11:07/ 0 赞/ 513 阅读

相关 js引入css/js文件 3中方法

使用js动态引入js和css文件方法方法1： //引入css var head = document.getElementsByTagName('head

矫情吗；*/ 2021年11月27日 02:24/ 0 赞/ 434 阅读

相关 vue.js 引入外部的js文件

js源码： import Vue from 'vue'; let v = new Vue(); function 方法一名称(message) \{ v.$al

Love The Way You Lie/ 2021年11月11日 20:34/ 0 赞/ 479 阅读

相关 js 选择性引入JS文件

var lanuage=sessionStorage.getItem("sysManager_i18nLanauge"); if(lan

小咪咪/ 2021年10月08日 07:44/ 0 赞/ 421 阅读