html页面如何通过js代码添加引用js和css

来源：互联网 2023-03-16 19:11:53 100

本经验介绍在html页面/浏览器调试时，如何通过js代码添加引用js和css。

应用场景如：需要给页面添加js代码库，或者新的样式。

html页面如何通过js代码添加引用js和css？

工具/原料

首先，使用如图js编写的函数，先创建一个script节点，设置src，然后使用document.head.appendChild是添加到头部。

html页面如何通过js代码添加引用js和css？

1本页面未经授权抓取自百度经验

然后，使用如图js编写的函数，创建link节点，设置其href，rel，type，使用document.head.appendChild添加到头部。

html页面如何通过js代码添加引用js和css？

使用上面两个函数就可以直接添加网络js和css。

如果是本地html，要添加本地，如图首先在D盘的tmp临时文件夹下方有资源文件为例。

html页面如何通过js代码添加引用js和css？

在浏览器打开一个本地html页面，然后在控制台输入刚才的代码。添加本地css和js。

html页面如何通过js代码添加引用js和css？

如果是在线的网页，添加本地file:///...将不会成功，因为是不允许的URI来源（网络不能读取本地，安全性问题）。

html页面如何通过js代码添加引用js和css？

但是，这一种方法可以用在UWP等有安全限制的应用当中，因为应用中的Uri虽然不是网络url，也不是传统本地Uri，而是应用范围内的Uri。

html页面如何通过js代码添加引用js和css？

以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！

标签： CSS HTML