`
妖术在烧纸
  • 浏览: 9189 次
  • 性别: Icon_minigender_2
  • 来自: 成都
社区版块
存档分类
最新评论

location.hash

阅读更多
Location.hash解惑
1.#的涵义
表示网页中的某个位置,其右边的值就代表在网页的所在位置
在网页位置标识符有两种,其一是大家熟悉的锚点<a name="mao"></a>;其二是ID,<div id="pos"></div>

2.改变#的值不会使得网页重新加载,浏览器只会滚动到相应的位置。不会向服务器发起请求


3.window.location.hash来读取#值:
这个值可读可写,在读取时,可以用来判断网页是否发生改变,在写入时,不向服务器发起请求的前提下,创造一条历史记录。


4.onhaschange事件可以监控#值的变
化,仅支持IE8+,及主流浏览器,当然不支持的可以使用setinterval进行监控


5.Google抓取#的机制
默认情况下,Google的网络蜘蛛忽视URL的#部分。

但是,Google还规定,如果你希望Ajax生成的内容被浏览引擎读取,那么URL中可以使用"#!",Google会自动将其后面的内容转成查询字符串_escaped_fragment_的值。

比如,Google发现新版twitter的URL如下:

  http://twitter.com/#!/username

就会自动抓取另一个URL:

  http://twitter.com/?_escaped_fragment_=/username

通过这种机制,Google就可以索引动态的Ajax内容。
分享到:
评论

相关推荐

    window.location.hash解析

    NULL 博文链接:https://hugang357.iteye.com/blog/1833003

    小发现之浅谈location.search与location.hash的问题

    下面小编就为大家带来一篇小发现之浅谈location.search与location.hash的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    location.hash保存页面状态的技巧

    hash 属性是一个可读可写的字符串,该字符串是 URL 的锚部分(从 # 号开始的部分)...在我们的项目中,写了一个很简单的JavaScript基类来处理location.hash从而保存页面状态,今天在此就分享给大家。 (本文的内容可能

    利用location.hash实现跨域iframe自适应

    页面域关系: 主页面a.html所属域A:www.jb51.net 被iframe的页面b.html所属域B:www.baidu.com,假设地址:http://www.baidu.com/b.html 实现效果: A域名下的页面a.html中通过iframe嵌入B域名下的页面b.html,由于b....

    scrollHash.js:滚动到Blaock时,然后更改location.hash!

    scrollHash-Willie.Smith.Chen 描述 滚动到Blaock时,然后更改location.hash! ## Demo页面

    [removed].hash 属性使用说明

    比如http://domain/#admin的location.hash=”#admin”。利用这个属性值可以做一个非常有意义的事情。 很多人都喜欢收藏网页,以便于以后... 那么,怎么用location.hash来解决这两个问题呢?其实一点也不神秘。 比如,我

    cra-location-hash-router:使用location.hash的CRA路由器

    CRA location.hash路由器在此存储库中,我使用URL片段验证了有关客户机+服务器路由解决方案的想法。 这个想法是针对您的SPA是通过文件服务器(例如GitHub Pages)提供SPA的情况,而您不能为index.html设置一个...

    hashRouter:location.hash 的路由器

    location.hash 的路由器 文件 示例网址: : $router.path console . log ( $router . path ) ; // aaa/bbb/ccc?x=1&y=2&y=3&z $router . path = 'ccc/ddd' ; console . log ( $router . path ) ; // ccc/ddd $...

    location和history对象

    NULL 博文链接:https://baihe747.iteye.com/blog/2152459

    [removed].hash知识汇总

    而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash=”#admin”。利用这个属性值可以做一个非常有意义的事情。 [removed].hash简单应用 一、#的涵义 #代表网页中的一个位置...

    hash.js:hash.js 是一个处理 location.hash 的超小型框架

    哈希.js hash.js是一个处理的超小型框架得到 /* * Given the following url: http://www.example.net/#!&foo=bar&array[]=1&array[]=2 */hash ( 'foo' ) ; // 'bar'hash ( 'array' ) ; // ['1', '2']hash ( ) ; // {...

    hash.route.js:使用 location.hash 的简单灵活的路由系统

    hash.route.js,一个简单灵活的路由系统。设置哈希路由侦听器和不同的匹配规则: 空场比赛。 // Match empty routehash ( "" ) . on ( "change" , function ( evt ) { console . log ( arguments ) ;} ) ; 完全符合...

    [removed].hash 使用说明

    但是 location.hash可以获取或设置页面的 标签值 比如http://domain/#testDemo中 咱们的location.hash 就是 #testDemo 下面引用一个 网上的demo 一个搜索版块,功能有3个:普通搜索,高级搜索,后台管理,分别指明他们...

    js中hash和ico的关联分析

    经查看,发现是js中的location.hash导致了ico不显示。原因是在ico未加载完毕时设置了location.hash从而导致ico不显示。 location.hash在项目中经常用到,用于url定位,例如http://h.liepin.com/#job-manage中的“#...

    JS location几个方法小姐

    location.hash 设置或获取 href 属性中在井号“#”后面的分段。 location.host 设置或获取 location 或 URL 的 hostname 和 port 号码。 location.hostname 设置或获取 location 或 URL 的主机...

    arc-reactor:基于框架的导航JavaScript框架,扩展了location.hash的window.pushstate。 包括用于Ajax,输入字段类型和DOM生成的有用工具

    Arc Reactor JavaScript库/框架 Vishva Kumara 根据MIT许可分发 Font-Awsome和Roboto Font在各自的许可下随此一起重新分发,并且不在本MIT许可范围内。 ... 请参阅那里的嵌入式JS。 介绍 Arc Reactor JS或Arc JS是一...

Global site tag (gtag.js) - Google Analytics