通过脚本标签加载外部JavaScript

小编典典

通过脚本标签加载外部JavaScript

reactjs

我正在尝试使用脚本标签动态加载脚本。但是我做不到。

我的渲染方法如下

render() {
<div> 
     <script type="text/javascript" language="javascript" src="//verify.authorize.net/anetseal/seal.js" ></script> 
     <a href="http://www.authorize.net/" id="AuthorizeNetText" target="_blank">Working. Yipee</a> 
</div>
}

我试图使用危险地设置InnerHtml，但这也不起作用。

我需要这样做，因为提到的脚本使用document.writeln。所以我希望它显示在当前div中。我无法控制该脚本。它来自第三方。

阅读 272

2020-07-22

共1个答案

小编典典

我相信您可能会更具体地说明脚本加载后应该做什么。这样的事情应该很适合您：

componentDidMount() {
    var aScript = document.createElement('script');
    aScript.type = 'text/javascript';
    aScript.src = " /*URL Goes Here*/ ";

    document.head.appendChild(aScript);
    aScript.onload = function() {
        document.getElementById(" /*DIV ID HERE*/ ").InnerHTML = /*YOUR CODE*/;
    };
}

2020-07-22