首页 > 技术文章 > jQuery动态添加script标签

xiaoyuanbao 2020-10-20 09:29 原文

jQuery动态添加script标签

https://blog.csdn.net/weixin_43897661/article/details/89474471

1、

$.getScript(url,success(response,status));

2、

var script = document.createElement('script');

script.type = 'text/jacascript';

script.src = 'url';     //填自己的js路径

$('body').append(script);

3、

var script=$('<script>alert("I am a script element")<\/script>');

$('body').append(script);

4、

var script = $('<scriptsrc="....."></script>');   //创建script标签

$('body').append(script);  //将标签插入body尾部

5、

document.write('<scriptsrc="'+realation+'Js/jquery.cookie.js"></script>');

document.write('<scr'+'ipt type="text/javascript"    src="./js/dataInfo2.js"></sc'+'ript>');
 

6、

var script = document.createElement("script");

script.src= "//url.com/jquery.js";

var s = document.getElementsByTagName("script")[0];

s.parentNode.insertBefore(script, s);

7、判断不同的设备  调用不同的js

function loadJS(src) {
  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = src;
  document.getElementsByTagName('body')[0].appendChild(script);
}
$(function browserRedirect() {
    var sUserAgent = navigator.userAgent.toLowerCase();
    if (/ipad|iphone|midp|rv:1.2.3.4|ucweb|android|windows  ce|windows mobile/.test(sUserAgent)) {
    loadJS('./js/dataInfo2.js')
    } else {
    loadJS('./js/dataInfo.js')
  }
})
 

推荐阅读