25. Location hash 属性

定义和用法

hash 属性是一个可读可写的字符串，该字符串是 URL 的锚部分（从 # 号开始的部分）。
语法

location.hash=anchorname

实例

假设当前的 URL 是: http://example.com:1234/test.htm#part2：

<html>
<body><script type="text/javascript">
document.write(location.hash);
</script></body>
</html>输出：#part2

锚的数组
本例打开两个窗口。第一个窗口中包含四个按钮。第二个窗口定义了四个锚。当点击第一个窗口中的某个按钮时，onclick 事件句柄会到达第二个窗口指定的锚。

<html>
<head>
<script type="text/javascript">
function linkTo(y)
{var x=window.open("/example/hdom/anchors.htm","","scrollbars=yes,width=250,height=200")
x.location.hash=y
}
</script>
</head><body>
<h3>Links and Anchors</h3>
<p>点击一个按钮，来显示第二个窗口中的锚。</p>
<input type="button" value="0" onclick="linkTo(0)">
<input type="button" value="1" onclick="linkTo(1)">
<input type="button" value="2" onclick="linkTo(2)">
<input type="button" value="3" onclick="linkTo(3)">
</body></html>

25. Location hash 属性相关推荐

javascript如何对location.hash过滤xss跨站脚本
场景: 需要获取类似如下url的hash值并做跳转: http://www.xxx.com/home#/comments?type=0 改进前: (function() {var originalUr ...
JS BOM之location.hash详解
location.hash详解去年9月,twitter改版. 一个显著变化,就是URL加入了"#!"符号.比如,改版前的用户主页网址为 http://twitter.com/us ...
html根据文档定位,html文档中的location对象属性理解及常见的用法
关于location对象的简单理解: 1.location对象中涵盖了当前页面(本页面)或者更直接的说,是当前加载的这个html文档的url信息 2.location对象作为window对象的一个属性 ...
html 修改按回退键的url,location.hash保存页面状态的技巧
hash 属性是一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分). 语法 location.hash 在我们的项目中,有大量ajax查询表单+结果列表的页面,由于查询结果是a ...
window.location.hash属性介绍
location是javascript里边管理地址栏的内置对象,比如location.href就管理页面的url,用location.href=url就可以直接将页面重定向url.而location. ...
location.hash 原生js页面跳转/路由
使用vue开发项目非常方便,vue全家桶让你想实现什么功能都更加便捷,但是使用原生js,jquery开发,页面之间跳转怎么实现呢, 下面说一下window.location.hash,概念性的东西大家 ...
location.hash属性介绍
location.hash属性介绍例如URL: http://wwww.a.com/index#rhythmk 通过location.hash 我们将获取到 #rhythmk. 默认浏览器会滚动至i ...
ajax实现浏览器前进后退-location.hash与模拟iframe
为什么80%的码农都做不了架构师?>>> Aajx实现无数据刷新时,我们会遇到浏览器前进后退失效的问题以及URL不友好的问题. 实现方式有两种 1.支持onhashchange ...
利用jsonp、iframe和location.hash解决跨域问题
几种解决js跨域的方法 js的跨域:由于浏览器同源策略,凡是发送请求url的协议.域名.端口三者之间任意一与当前页面地址不同即为跨域.如下示例: URL 说明是否允许通信 http://www.a ...
Vue路由Hash模式分析
Vue路由Hash模式分析 Vue-router是Vue的核心组件,主要是作为Vue的路由管理器,Vue-router默认hash模式,即使用URL的Hash来模拟一个完整的URL,当URL改变时页面 ...

25. Location hash 属性

25. Location hash 属性相关推荐

最新文章

热门文章