前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >动态加载第三方js和css

动态加载第三方js和css

作者头像
Bug Engineer
发布2024-02-29 09:39:31
1200
发布2024-02-29 09:39:31
举报
文章被收录于专栏:Bug EngineerBug Engineer
代码语言:javascript
复制
/**
 * 动态加载css文件
 * @param {*} url
 * @param {*} isCache
 */

export function loadCSS(url, isCache = false) {
  const element = document.createElement('link')
  element.setAttribute('rel', 'stylesheet')
  element.setAttribute('type', 'text/css')
  if (isCache) {
    element.setAttribute('href', url + '?t=' + new Date().getTime())
  } else {
    element.setAttribute('href', url)
  }
  document.head.appendChild(element)
}
代码语言:javascript
复制
/**
 * 动态加载js文件
 * @param {*} src
 * @param {*} callback
 *   loadScript("",function(){
 *   console.log("加载成功")
 * })
 * var that = this; 在方法里面使用that
 */

export function loadJS(jsUrl, callback, isCache = false) {
  var script = document.createElement('script')
  var head = document.head
  script.type = 'text/JavaScript'
  if (isCache) {
    script.src = jsUrl + '?t=' + new Date().getTime()
  } else {
    script.src = jsUrl
  }
  if (script.addEventListener) {
    script.addEventListener('load', callback, false)
  }
  head.appendChild(script)
}
代码语言:javascript
复制
//使用方法
  loadJS(
      'https://XXXXXXX.js',
      function() {
        console.log('加载成功')
      }
    )
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2024-02-28,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档