jQuery动态添加script标签

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>');

6、

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

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

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

s.parentNode.insertBefore(script, s);

如果在componentWillMount中插入，只能指定root，因为此时页面还没有渲染出来，找不到append元素，需要在指定位置渲染，就要在componentDidMount中此时元素已经渲染完成，在项目中直接用了hooks,效果一样

useEffect(()=>{
        let script2 = document.createElement('script');
        script2.type = 'text/javascript';
        script2.src = 'https://widget.qweather.net/standard/static/js/he-standard-common.js?v=2.0';
        document.getElementById('root').appendChild(script2);
        },[]
    );

var scriptElement = document.createElement('script');
document.body.appendChild(scriptElement);
scriptElement.src = "https://static.mlinks.cc/scripts/dist/mlink.min.js"

转载于:https://www.cnblogs.com/jongsuk0214/p/9372053.html