在 Javascript 中，是否可以将变量传递到Javascript 中是否可以通过 src 参数传递变量？ IE。<script type="text/javascript" src="http://domain.com/twitter.js?handle=aplusk" />` 我希望 twitter.js 在执行我需要的操作并将其响应返回到调用 twitter.js 的原始页面之前查看是否传递了“句柄” /代码>。我最初在 twitter.js 中创建了一个函数，该函数执行以下操作：function getHandle() { var vars = [], hash, username; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); if (hash[0] == 'handle') username = hash[1]; } return username; } 问题是 window.location.href 不适用于我正在调用的文件来自 谢谢！

Answer 1

我可以在这里看到两个解决方案。

首先：您可以在托管 twitter.js 的服务器上处理这些 GET 参数，以便它动态更改 js 文件。例如，您的文件是：

var handle = {{ handle }};

并且您的服务器以某种方式处理该文件，根据发送的请求替换该 twitter.js 模板文件。

第二个选项是在加载 twitter.js 的页面上设置全局变量，如下所示：

<script type="text/javascript">
    window.twitter_js_handle = 'aplusk';
</script>
<script type="text/javascript" src="http://domain.com/twitter.js" />

在 twitter.js 中：

var handle = window.twitter_js_handle || null;

Answer 2

我使用以下模式将查询变量从 转换为包含键：值对的对象。代码放置在 script.js 的顶部：

    var getVars = {};
    
    (function(){
        var scripts, currentScript, queryString;

        scripts = document.getElementsByTagName('script');
        currentScript = scripts[ scripts.length - 1 ];
        queryString = currentScript.getAttribute('src').split("?").pop().split('&');
        for(var i=0;i<queryString.length;i++){
            var keyVal = queryString[i].split('=');
            getVars[ keyVal[0] ] = keyVal[1];
        }
    
    }());
    // console.info( getVars );
    // Object { foo="bar", baz="zing"}

这可能不适用于延迟/异步添加的脚本元素，因为它依赖于立即代码执行。

Answer 3

当然。但访问该参数的唯一方法是通过服务器端。因此，让 twitter.js 成为一个 PHP 页面（使用 mod_rewrite 或其他）来获取 $_GET['handle'] ，然后将其自身作为 Content-Type: text/javascript然后转储 js 的内容。

Answer 4

我建议使用更安全的方法 - 必须添加一个 ID：

<script id="myTargetScript" src="http://example.com/file.js?param=value" />

然后在您的 .js 文件中

    function GetParams(target_id)
    {
        var getVars = {};
        if( document.getElementById(target_id) )
        {
            var queryString = document.getElementById(target_id).getAttribute('src').split("?").pop().split("&");
            for(var i=0;i<queryString.length;i++){
                var keyVal = queryString[i].split('=');
                getVars[ keyVal[0] ] = keyVal[1];
            }
        }
        return getVars;
    }
        
        
    // console.log(   GetParams('myTargetScript')   );