`
妖术在烧纸
  • 浏览: 9967 次
  • 性别: 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解析

    在JavaScript编程中,`window.location.hash` 是一个非常重要的属性,它用于获取或设置当前URL的哈希值,也就是URL中“#”后面的部分。这个属性在开发网页应用时经常被用来实现页面内的导航和锚点定位。这篇博客文章...

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

    论location.search与location.hash的问题 在前端开发中,location对象的search和hash属性是两种常用的传参方式,但是它们之间的关系和应用场景却不太为人所知晓。本文将深入探讨location.search与location.hash的...

    js 页面刷新location.reload和location.replace的区别小结.docx

    * window.location.hash:获取 URL 的片断部分。 location.reload() 和 location.replace() 两个方法都可以用于刷新页面,但是它们之间有着明显的区别。location.reload() 方法用于重新加载当前页面,而 location....

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

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

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

    本文将介绍如何利用location.hash属性来解决跨域iframe自适应高度的问题,同时通过这个方法,我们还可以解决其他相似的跨域JS操作问题。 首先,让我们来了解什么是同源策略和跨域。同源策略要求,如果两个页面拥有...

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

    `scrollHash.js`的主要功能是监听页面滚动事件,当用户滚动到页面中的某个区块时,它会自动更新`window.location.hash`,使得浏览器URL显示对应的区块标识。这在多段式的长页面设计中特别有用,因为用户可以通过直接...

    [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对象

    在前端开发中,`location` 和 `history` 对象是两个至关重要的概念,它们与浏览器的URL导航密切相关。本文将深入探讨这两个对象的功能、用法以及它们如何协同工作以实现网页间的导航。 `location`对象是Window接口...

    JS 获取当前页面 URL.docx

    `window.location.hash`返回URL中的锚点部分,即URL中`#`后面的部分。 ```javascript console.log(window.location.hash); // 输出锚点部分 ``` #### `document.domain` 虽然`document.domain`不是`window....

    [removed].hash知识汇总

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

    location.href用法总结(最主要的)

    `location.href`还可以与URL的其他部分结合使用,如`location.pathname`获取路径名,`location.search`获取查询字符串,`location.hash`获取URL的哈希部分,这些可以用于构建和解析URL,实现更复杂的页面操作。...

    [removed].hash 使用说明

    `window.location.hash` 是在JavaScript中用于操作URL的锚点(Hash)部分的属性,它在Web开发中常用于实现单页应用(Single-Page Applications, SPA)中的导航和页面状态管理。`window.location` 是一个全局对象,...

    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 ( ) ; // {...

    js中hash和ico的关联分析.docx

    `location.hash`是JavaScript中一个非常重要的属性,它用于获取或设置当前URL的hash部分。在网页加载时,浏览器会根据`hash`值来决定是否滚动到页面的相应位置。而在某些情况下,`location.hash`的改变可能会影响到...

Global site tag (gtag.js) - Google Analytics