前端引入外部 js文件

方法一: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

import {
    
     importLink } from '@/utils/judgeWechat'

importLink()

方法三:import 引入

使用 import 引入。不过需要注意的是,import 只能引入静态文件,外部文件是无法引入的。不过可以将文件下载下来引入,这也是一种解决办法。

import '相对路径'

猜你喜欢

转载自blog.csdn.net/m0_53808238/article/details/129885467