JavaScript动态创建script标签并执行js代码

5,189 阅读1分钟

由于不同场景需要使用不同的js内容,所以通过自动创建来判断

<script>
  const xxx = JSON.parse(window.localStorage.getItem('xxx'));
  if (xxx) {
      //创建一个script标签
      (function() {
          let script = document.createElement('script');
          script.src = 'xxxxx';
          document.getElementsByTagName('body')[0].appendChild(script);
      })();
  }
  </script>

react可以直接在组件中创建

componentDidMount() {
  this.loadScript();
}

loadQQConsultation = () => {
  const { sourceApp } = this.props;
  const xxx = JSON.parse(window.localStorage.getItem('xxx'));
  if (xxx) {
      //创建一个script标签
      let script = document.createElement('script');
      script.src = 'xxxxx';
      document.getElementsByTagName('body')[0].appendChild(script);
  }
};

来源链接:www.cnblogs.com/enych/p/116…