javascript&jquery:在加载时显示URL参数

javascript&jquery: show URL parameters on load

本文关键字:加载 显示 URL 参数 amp jquery javascript      更新时间:2023-09-26

我正在使用javascript访问URL参数。然后我用jQueryMobile操作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。

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];

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

data-ajax='false'