首页 > 其他分享 >JS 前端动态引用 js 、 css 文件

JS 前端动态引用 js 、 css 文件

时间:2024-06-18 11:23:54浏览次数:10  
标签:head scriptElement js linkElement let JS css

JS 前端动态引用 js 、 css 文件

 

let jsArrPath = ['/web_config_other.js', '/web_point.js']
let cssArrPath = []

const head = document.getElementsByTagName("head")[0];

jsArrPath.forEach(jsPath => {
    let scriptElement = document.createElement("script");
    scriptElement.type = "text/javascript";
    scriptElement.src = jsPath;
    scriptElement.async = false;
    head.appendChild(scriptElement);

})

cssArrPath.forEach(cssPath => {
    let linkElement = document.createElement("link");
    linkElement.setAttribute("rel", "stylesheet");
    linkElement.setAttribute("type", "text/css");
    linkElement.setAttribute("href", cssPath);
    head.appendChild(linkElement);
});

 

 

 

 

 

 

 

end



标签:head,scriptElement,js,linkElement,let,JS,css
From: https://www.cnblogs.com/1285026182YUAN/p/18253967

相关文章

  • js实例对象读写原型对象成员
    在JavaScript中,实例对象可以读写原型对象的成员。原型对象是一个对象,用于存储共享的属性和方法,它是通过构造函数创建的实例对象的共享属性和方法的来源。你可以通过以下几种方式来读写原型对象的成员:通过实例对象的__proto__属性来读取原型对象的成员。__proto__属性指向......
  • JSON响应中提取特定的信息——6.14山大软院项目实训2
    在收到的JSON响应中提取特定的信息(如response字段中的文本)并进行输出,需要进行JSON解析。在Unity中,可以使用JsonUtility进行简单的解析,但由于JsonUtility对嵌套对象的支持有限,通常推荐使用第三方库如Newtonsoft.Json来处理复杂的JSON结构。首先,确保Unity项目中已经包含了Newton......
  • django学习入门系列之第三点《快速了解 CSS》
    文章目录CSS快速了解CSS应用方式在标签上在head标签中写到文件中问题:用Flask框架开发不方便往期回顾CSSCSS专门用来"美化"标签基础CSS,写简单的界面&能看懂&会改就行模块,调整和修改快速了解style这种就叫css样式<imgsrc"..."style="height:100px"/><d......
  • 由心知天气服务器响应的实时天气数据并进行JSON解析
    由心知天气服务器响应的实时天气数据并进行JSON解析#include<netinet/in.h>#include<arpa/inet.h>#include<stdio.h>#include<errno.h>#include<sys/socket.h>#include<netinet/in.h>#include<netinet/ip.h>#include<arpa/inet.h>......
  • HTML和CSS基础知识(3)
    一、标签显示模式(display)    (一)、什么是标签显示模式        顾名思义就是标签以什么样的方式进行显示,比如div会自己显示一行,span一行可以显示多个,那如果我们想把div在一行内显示多个如何去做,那就需要用到display显示模式了。而display显示模式有以......
  • JS 控制并行度
    consturls=["url1","url2",...,"url100"];constmaxConcurrentNum=10;//最大并发数//数组分块,chunk表示每批次数量,返回数组二维数组functionchunk(arr,chunk){letresult=[];for(leti=0,len=arr.length;i<len;i+=chunk......
  • 基于html,css,js,jQuery,ajax实时天气的网页
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><linkrel="stylesheet"hr......
  • HTML和CSS知识汇总4
    一、背景1、背景简写|属性名|background         ||属性值|colorimage repeatposition||默认值|每个属性的默认值      ||描述 |设置背景图片是否随内容滚动 |CSS3支持背景半透明的写法语法格式是:```cssback......
  • HTML和CSS基础(二)
    四、HTML布局4.1文档流HTML文档流(DocumentFlow)是网页布局的基础,它决定了元素如何在页面上排列。文档流可以分为两大类:正常流(NormalFlow)和脱离正常流(OutOfFlow)。下面详细介绍这两大类以及它们的子分类:1.正常流(NormalFlow)正常流是文档流的默认布局方式,元素按照它们在H......
  • 前端JS必用工具【js-tool-big-box】学习,打开全屏和关闭全屏
    这一小节,我们说一下js-tool-big-box工具库中,打开全屏和关闭全屏的方法学习。我们知道,浏览器想打开全屏,按一下F11键就可以了,但一来这个功能不一定所有使用的用户都知道,二来在一些例如大屏的需求场景下,还是很被需要的。很多用户一旦投屏展示后,他那个大屏幕就在那里给用户展......