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

心已赠人 2023-01-09 12:37 178阅读 0赞

![be76a451ce4430e245b18a9efa65a175.png][]

#### 前因 ####

--------------------

这个问题是因为有很多的Html文件(含有公共的JS文件),可能都需要使用同一个JS方法,但是这个JS方法需要依赖其他JS文件的支持,这时候我们不能每一个Html都要写导入JS的标签,我们需要使用JS代码完成JS文件的导入.

###### 方案一:使用document.write();完成JS的加载,注意加载顺序 ######

--------------------

使用 **document.write();** 即可完成JS文件的导入,例如下面的例子.

document.write('<script src="katex.js" type="text/javascript" charset="utf-8"></script>');
    
    document.write('<script src="auto-render.min.js" type="text/javascript" charset="utf-8"></script>');

###### 方案二:使用document.createElement(); 创建JS标签. 完成JS的加载,注意加载顺序 ######

--------------------

第二种方案就是我们使用\*\*createElement()\*\*方法来创建一个JS标签,插入到网页中.代码如下所示.

var  JSElement=document.createElement("script");
    
    JSElement.setAttribute("type","text/javascript");
    
    JSElement.setAttribute("src","katex.js");
    
    document.body.appendChild(JSElement);

#### 后果 ####

--------------------

这只是一个日常笔记而已,不过多言语了.谢谢大家观看.

![7f739007cd375b30fa8cdb2ef9672116.gif][]

[be76a451ce4430e245b18a9efa65a175.png]: /images/20221119/f05f9ab41dd9490c9b9bb32bd19a26ab.png
[7f739007cd375b30fa8cdb2ef9672116.gif]: https://img-blog.csdnimg.cn/img_convert/7f739007cd375b30fa8cdb2ef9672116.gif

发表评论取消回复

表情：

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

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

相关阅读

相关如何在另一个 JavaScript 文件中包含一个 JavaScript 文件？

问题描述： JavaScript 中是否有类似于 CSS 中的 @import 的东西，允许您在另一个 JavaScript 文件中包含一个 JavaScript 文件？

ゞ浴缸里的玫瑰/ 2024年03月31日 16:18/ 0 赞/ 9 阅读

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

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

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

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

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

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

相关在JavaScript文件中引用另一个JavaScript文件

前言写了一个全局main.js，其中又需要引用其他第三方js文件，但是不希望在每个页面引用main.js之前再引用一遍第三方js文件，那就把第三方js文件放到main.

落日映苍穹つ/ 2022年10月09日 03:28/ 0 赞/ 154 阅读

相关 JS控制另外一个框架的案例

[![Center][]][Center 1] 转载自：[IT摆渡网][Center 1] \-- 一个IT实时在线问答平台,解决任何IT技术难题，无需等待，立马解决！

川长思鸟来/ 2022年06月14日 10:12/ 0 赞/ 92 阅读

相关在maven项目中如何引入另外一个项目

[https://blog.csdn.net/jianfpeng241241/article/details/52654352][https_blog.csdn.net_jia

野性酷女/ 2022年02月28日 10:18/ 0 赞/ 190 阅读

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

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

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

相关 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 赞/ 410 阅读

相关 js 选择性引入JS文件

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

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

相关 go将一个文件的内容写入另外一个文件

一需求编写一个程序，将一个文件的内容，写入到另外一个文件。要求：使用 ioutil.ReadFile / ioutil.WriteFile 完成写文件的任务。

分手后的思念是犯贱/ 2021年07月24日 15:58/ 0 赞/ 351 阅读