方法一:script 标签
在 <head> </head>
中使用 script
标签引入。
<head>
<script type="text/javascript" src="链接"></script>
</head>
这是最简单的方法,这种方法在项目加载时就会引入,但有时候需要在不同环境下判断是否需要引入,比如微信中引入,钉钉中不引入等。所以还需要用其它方法来引入。
方法二:手动创建标签
使用 js
创建 script
标签去引入。可以在引入前添加判断条件,来决定是否要引入。
创建一个 js
文件,专门用来写这类内容。
link.js
export function importLink() {
const link = document.createElement('script')
link.type = 'text/javascript'
link.src = '链接'
document.body.appendChild(link)
}
在 main.js
中引入并调用。
main.js文章来源:https://www.toymoban.com/news/detail-525532.html
import { importLink } from '@/utils/judgeWechat'
importLink()
方法三:import 引入
使用 import
引入。不过需要注意的是,import
只能引入静态文件,外部文件是无法引入的。不过可以将文件下载下来引入,这也是一种解决办法。文章来源地址https://www.toymoban.com/news/detail-525532.html
import '相对路径'
到了这里,关于前端引入外部 js文件的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!