如何从用户的地址栏输入网址?

时间:2017-08-06 15:25:16

标签: javascript

我怎么能做这个东西: 这是SPA, 用户想要输入URL,例如:'hello.com#greet / 2 但无事可做,如果他在网站上冲浪,请访问'hello.com#greet, 他看到了几个问候,然后按2,然后网站上有网址'hello.com#greet / 2',但如果他想从地址栏去那里,他就做不到,怎么解决呢?我希望,我解释过)

function parseHash(phash){
var shash=phash.split("/");
var hash=shash[0].replace("#", "", 1)
var num=shash[1]
return {hash: hash, number: num,}
}
}

1 个答案:

答案 0 :(得分:0)

您可以使用location.hash从地址栏中获取queryString,在下面的代码中,我向您展示了两种方式:



$(function () {
  $("a").click(function () {
    setTimeout(function () {
      console.log(window.location.hash);
      console.log(window.location.href.substr(window.location.href.indexOf("#")));
    }, 100);
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#hello">Hello</a>
<a href="#world">World</a>
<a href="#Praveen">Praveen</a>
&#13;
&#13;
&#13;

更新:我误删了#

现在根据您拥有的内容,您可以使用document的{​​{1}}事件从ready对象获取内容并将其传递给您的自定义函数激活页面或选项卡。目前我已将其发送到控制台。