首页 前端知识 js文件中引入另一个js文件的方法总结

js文件中引入另一个js文件的方法总结

2024-05-12 17:05:23 前端知识 前端哥 724 223 我要收藏

文章目录

  • js文件中引入另一个js文件的方法总结
    • 方法1: 将两个JS放在同一个文件夹下
    • 方法2:在jS中创建匿名类引用另一个JS
    • 方法3:在调用文件的顶部加入下例代码
    • 方法4:利用es6中export和import实现模块化

js文件中引入另一个js文件的方法总结

举例test1.jstest2.js,其中test1.js引用test2.js

方法1: 将两个JS放在同一个文件夹下

谁被调用,谁在前面

<script src="./test2.js"></script>
<script src="./test1.js"></script>

方法2:在jS中创建匿名类引用另一个JS

var myImport = function(){
    var script = document.createElement("script");
    script.setAttribute("type", "text/javascript");
    script.setAttribute("src", "libs/js/pingyin.js"); // 引用文件的路径
    document.getElementsByTagName('head')[0].appendChild(script); // 引用文件
}

test1.js 添加初始化加载方法,并引用myImport()

window.onload = function(){
    myImport();
}

方法3:在调用文件的顶部加入下例代码

function addScript(url){
	document.write("<script language=javascript src="+url+"></script>");
}

方法4:利用es6中export和import实现模块化

导入外部的变量或函数

// 导入变量或者函数
import {firstName, lastName} from './test';
// 导入外部的模块
import './test'
转载请注明出处或者链接地址:https://www.qianduange.cn//article/8351.html
标签
评论
发布的文章

Newtonsoft.Json

2024-05-23 20:05:19

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!