如何将数据传递给异步加载的外部JavaScript脚本

问题描述：

我跟着这个回答https://stackoverflow.com/a/7719185/842837异步加载javascript。我如何将数据传递给这个外部文件？如何将数据传递给异步加载的外部JavaScript脚本

当前代码：

<script id="js-widget-o2ba1y" type='text/javascript'> 
    (function() { 
     function async_load(){ 
      var config = { 
       'module': 'hyperdesign', 
       'user-name': 'John Doe', 
       'user-email': '[email protected]' 
      }; 
      var id = "js-widget-o2ba1y"; 
      var embedder = document.getElementById(id); 
      var s = document.createElement('script'); 
      s.type = 'text/javascript'; 
      s.async = true; 
      var u = 'http://external.javascript.file.js'; 
      s.src = u + (u.indexOf("?") >= 0 ? "&" : "?") + 'ref=' + encodeURIComponent(window.location.href); 
      embedder.parentNode.insertBefore(s, embedder); 
     } 

     if (window.attachEvent) 
      window.attachEvent('onload', async_load); 
     else 
      window.addEventListener('load', async_load, false); 
    })(); 
</script>

如何我送config外部JS文件？

编辑我正在通过谷歌分析代码。他们还异步加载自己的脚本，并从第三方网站上使用配置数据：

<script> 
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 

ga('create', 'UA-XXXXX-Y', 'auto'); 
ga('send', 'pageview'); 
</script>

我需要做同样的事情，更可读的方式。

模块加载系统可能会简化一些操作。 – gcampbell

我正在制作第三方网站可以在其网站中嵌入的小部件。 – jerrymouse

哦对。你可以把它全部包装在一个函数中，然后一旦它被加载，用一些参数调用函数。 – gcampbell

答

不，你不能传递这样的参数并有脚本读取。

从技术上讲，你可以从标签抓住他们，但是这将是一个真正的混乱。

您可以在包含文件之前输出一个脚本块吗？

<script type="text/javascript"> 
      var config = { 
       'module': 'hyperdesign', 
       'user-name': 'John Doe', 
       'user-email': '[email protected]' 
      }; 

</script> 
<script id="js-widget-o2ba1y" type='text/javascript'> 
    //you code 
    </script>

到那个，config对象附加到window名字空间=>window['config'];

因此，作为替代选择，您可以保留您拥有的相同代码，但是，您只需要用window.config=代替var config=;那么，config对于外部js将是可见的。

<script id="js-widget-o2ba1y" type='text/javascript'> 
    (function() { 
     function async_load(){ 
      window.config = { 
       'module': 'hyperdesign', 
       'user-name': 'John Doe', 
       'user-email': '[email protected]' 
      }; 
      var id = "js-widget-o2ba1y"; 
      //-----rest of code 
</script>

如何将数据传递给异步加载的外部JavaScript脚本

相关推荐