Question

我按照这个回答https://stackoverflow.com/a/7719185/842837来异步加载javascript。我如何将数据传递到此外部文件？

当前代码：

<script id="js-widget-o2ba1y" type='text/javascript'>
    (function() {
        function async_load(){
            var config = {
                'module': 'hyperdesign',
                'user-name': 'John Doe',
                'user-email': 'john@doe.com'
            };
            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>

我需要以更易读的方式做同样的事情。

Answer 1

不，你不能传递这样的参数并让脚本读入它们。

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

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

<script type="text/javascript"> 
            var config = {
                'module': 'hyperdesign',
                'user-name': 'John Doe',
                'user-email': 'john@doe.com'
            };

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

由此，config对象附加到window名称空间=＆gt; window['config'];

因此，作为替代方案，您可以使用相同的代码，但是，您只需将var config=替换为window.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': 'john@doe.com'
            };
            var id = "js-widget-o2ba1y";
           //-----rest of code
</script>

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

1 个答案: