Question

我正在使用javascript访问网址参数。然后我用jQuery Mobile操作DOM。但是当我使用参数访问html文件时，它没有显示。我需要刷新页面才能使其正常工作。我该怎么办？

使用Javascript：

<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
    // Read a page's GET URL variables and return them as an associative array.
        function getUrlVars()
        {
            var vars = [], hash;
            var hashes = window.location.href.slice(
                               window.location.href.indexOf('?') + 1).split('&');
            for(var i = 0; i < hashes.length; i++)
            {
                hash = hashes[i].split('=');
                vars.push(hash[0]);
                vars[hash[0]] = hash[1];
            }
            return vars;
        }
        var vars = getUrlVars()
        console.log(vars.institutname)
        $("#tasksPage").find("h1").append(vars.institutname)
        })
    </script>

修改

我刚注意到没有执行jQuery / javascript。要明确：我有一个带有URL参数的html页面的链接。但是，如果我点击该链接并打开页面，它就不会执行我的代码。我需要刷新才能完成这项工作。

我正在使用jQuery Mobile。

Answer 1

function getUrlVars()
    {
        var vars = {}, hash;
        var hashes = window.location.href.slice(
                           window.location.href.indexOf('?') + 1).split('&');
        for(var i = 0; i < hashes.length; i++)
        {
            hash = hashes[i].split('=');

            vars[hash[0]] = hash[1];
        }
        return vars;
    }

vars需要是一个对象，以便你可以做vars [hash [0]] = hash [1];

Answer 2

解决了它。我需要将其添加到页面的链接：

data-ajax='false'

javascript＆amp; jquery：在加载时显示网址参数

修改

2 个答案: