在页面上显示部分 URL（即 Instagram 访问令牌）？

Question

我想要实现的是当用户通过 Instagram 进行身份验证时，他们被重定向到“http://domainnamehere./instagram#access_token=27744335.fcaef44.a95s9e741f3c4ea7bcad21d80809ca40”之类的页面

为了能够在网页的一部分上打印“27744335.fcaef44.a95s9e741f3c4ea7bcad21d80809ca40”字符串，即 <p>Here is your access token: ________</p>

我知道如何使用 javascript 打印整个 URL，使用这个： <h3 id="right"> <script type="text/javascript"> document.write(location.href); </script> </h3>

但是如何设置它以仅获取 URL 的一部分？

我想要达到的目标可以在这里实时看到http://theultralinx.com/instagram（点击“设置 instagram”，进行身份验证，然后下一页显示访问令牌。

谢谢！

Answer 1

您仍然可以查找 URI 解析器，但可以使用基本的字符串函数（如 indexOf 和 substring，如下所示：

var uri = "http://domainnamehere./instagram#access_token=27744335.fcaef44.a95s9e741f3c4ea7bcad21d80809ca40";

var indexOfHashVar = uri.indexOf("access_token=");
// 13 is the number of characters of "access_token="
var token = uri.substring(indexOfHashVar + 13);
console.log(token);

正如@PhistucK 在一些评论中建议的那样，您可能会使用window.location.hash 获得整个uri 的哈希部分，因此我的示例可能会在第一行更改为：

var uri = window.location.hash;

Answer 2

永远不要使用document.write，这是不鼓励的。 这应该可以。

HTML -

<p>Here is your access token: <span id="access-token"></span></p>

JavaScript -

window.addEventListener("load", function () {
 // Getting the part of the URL that starts with #.
 var hash = document.location.hash,
     // Storing the string for which we search in the hash.
     accessTokenParameter = "access_token=";
 // Setting the found value as the content of the access-token element we created
 // above by taking the part of the hash (substring) that begins after the
 // parameter by getting the index of the character (indexOf) with which the
 // parameter name starts and adding the length of the parameter name (and =)
 // in order to get past the name and start from the value.
 document.getElementById("access-token").innerHTML =
  hash.substring(hash.indexOf(accessTokenParameter) +
   accessTokenParameter.length);
}, false);

为了也支持 Internet Explorer，您可以使用window.onload = 或命名函数并在特征检测后使用window.attachEvent。

Answer 3

<h3 id="right">
<script type="text/javascript">document.write(window.location.hash.split("access_token=")[1]);  </script>
</h3>

Answer 4

你可以用这个

<h3 id="right">  <script type="text/javascript"> var href = location.href; href = href.replace("http://domainnamehere./instagram#access_token=","");  document.write(href);  </script>  </h3>

Answer 5

如果你的链接总是像问题中的链接（相同的域且没有其他变量）你可以使用这个：

var url =location.href ;
var res = url.slice(45);
console.log(res);