前端引入外部 js文件

温其如玉_zxh

已于 2023-05-21 21:51:02 修改

阅读量4.8k

点赞数 1

分类专栏：前端 JavaScript 文章标签： javascript 前端开发语言

于 2023-03-31 17:42:54 首次发布

本文链接：https://blog.csdn.net/m0_53808238/article/details/129885467

版权

前端同时被 2 个专栏收录

42 篇文章 1 订阅

订阅专栏

JavaScript

23 篇文章 0 订阅

订阅专栏

方法一：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 '相对路径'

温其如玉_zxh

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
前端引入外部 js文件

这是最简单的方法，不过想来不是你想要的方法，因为这种方法在项目加载时就会引入，你可能需要在不同环境下判断是否需要引入，比如微信中引入，钉钉中不引入等。所以还有其它方法来引入。只能引入静态文件，外部文件是无法引入的。不过你可以将文件下载下来引入，这也是一种解决办法。你可以在引入前添加判断条件，来决定是否要引入。文件，专门用来写这类内容。
复制链接

扫一扫