如何將數據傳遞給異步加載的外部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>

我需要做同樣的事情，更可讀的方式。

來源

2016-07-25 jerrymouse

模塊加載系統可能會簡化一些操作。 – 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>

來源

2016-07-25 18:24:57

如何將數據傳遞給異步加載的外部JavaScript腳本

回答

相關問題