js 浏览器HTML DOM hash 属性

最新推荐文章于 2022-03-24 14:56:10 发布

转载最新推荐文章于 2022-03-24 14:56:10 发布 · 200 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/reesechou/blog/382100

文章标签：

#javascript #ViewUI

本文探讨了URL锚点的定义与作用，并通过JavaScript代码展示了如何获取URL的锚点部分，提供了一个实际应用场景。

2019独角兽企业重金招聘Python工程师标准>>>

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

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

<html>
<body>

<script type="text/javascript">
document.write(location.hash);
</script>

</body>
</html>

输出：

#part2

转载于:https://my.oschina.net/reesechou/blog/382100

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34232617

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

HTML锚点为什么叫hash,锚点链接和hash属性

weixin_34363835的博客

06-20

1016

相信大家挺经常见过这样一个效果。有一个很长很长的页面，分成好几部分，目录中一点击，就能定位到页面某个位置。例如：有这样一个目录，例如你点击一下“HTML”，就会直接跳转到“HTML”的页面位置这就是锚点链接(也叫书签链接)，常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作"精准链接"的便利工具。在长页面中，用锚点定位本页面的某个位置，那用锚...

编写一款自定义修改html文件中的img、script、link hash后缀的简单gulp插件

小青蛙的博客

06-30

1126

编写一款自定义修改html文件中的img、script、html hash后缀的简单插件我们这篇文章将根据我们自己的一些项目需求，来编写一个本地gulp插件，来满足我们的构建开发需求，主要需求就是在编译html的同时，对html文件中的静态资源引用添加随机hash后缀。插件代码实现 index.js var through = require("through2") // 正则替换 func...

参与评论您还未登录，请先登录后发表或查看评论

JS DOM的hash 属性

heqiuyan44的博客

05-15

376

前几天做网站遇到一个麻烦的问题，一个页面A中有多个錨链接，我需要从页面B访问跳转到页面A中的指定錨区域，且左边的相应菜单栏显示激活状态。我开始的想法是通过页面传值来完成。通过页面B在访问页面A时，给链接后面加一个制定参数，然后在页面A中通过获取判断相应的参数，来跳转到指定的錨区域。正巧这几天看W3C school的时候，看到了一个DOM的hash 属性,可以用来读写链接中的錨，于是

dom hash属性

stranger's world

08-13

170

hash 属性是一个可读可写的字符串，该字符串是 URL 的锚部分（从#号开始的部分）。 location.hash=anchorname 转自：http://www.w3school.com.cn/htmldom/prop_loc_hash.asp

Js hash数组与Dom节点

qq_43791007的博客

02-24

228

对于一般的js数组来说，一般以数字为下标，使用数组名[下标数字]的方式可以访问数组，且具有length属性，可以查询数组的长度，这一类数组为索引数组。但在js中有一类特别的数组为关联数组，也称为hash数组，这类数组的下标不使用数字，而直接使用字符串： var bookInfo=[]; bookInfo['bookName']='西游记'; 其中的bookName便是下标。两者的关系如同一个队伍中...

DOM hash

weixin_30432579的博客

08-17

129

前段时间做的一个H5专题，用到了hash解决问题，特意记录一下。DOM hash的详细内容可以点击链接查看。 hash就是uri中#及后面的部分，例如：www.google.com.hk#123的#123。当只有hash部分发生变化时，浏览器的历史记录会产生记录，但不会向服务器发出请求，这时按后退键地址栏的uri会变化但页面内容不变。当前 URL 的锚部分(以 ...

【归总】原生js操作浏览器hash、url参数参数获取/修改方法合集

我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。

09-27

7334

【含hash的url】{{path1}}

html dom hash,计算dom元素的唯一hash值

weixin_27890975的博客

06-19

386

计算dom元素的唯一hash值//element hashvar ALL_TAGS = [ '!DOCTYPE', 'A', 'ABBR', 'ACRONYM', 'ADDRESS', 'APPLET', 'AREA','ARTICLE', 'ASIDE', 'AUDIO', 'B', 'BASE', 'BASEFONT', 'BDI', 'BDO','BIG', 'BLOCKQUOTE', 'B...

HTML页面的哈希（hash）路由原理+原生js案例

Lee的430博客

04-28

5196

<!DOCTYPE html> <html lang="cn"> <head> <meta charset="UT...

浏览器缓存问题，加上hash值，又get到了，完美

fortunegrant的博客

08-30

2653

如何加上hash值

js获取hash值

热门推荐

qq_43267265的博客

05-06

2万+

function hqhash(){ //location.hash设置或者获取hash值 v.hashzhi = location.hash.slice(1); console.log(v.hashzhi) } // hqhash() // addEventListener添加事件监听 // hashchange哈希值改变事件 window.addEve...

HTML中的hash（#号）

明明的博客

03-21

7875

一、#的涵义 #代表网页中的一个位置。右面的字符就是代表的位置信息：如 http://localhost：8081/cbuild/index.html#first 就代表网页index.html的first位置。浏览器读取这个URL后，会自动将first位置滚动至可视区域。为网页制定标识符：一是使用锚点，比如。二是使用id属性，比如。二、HTTP请求不包括

浅谈HTML中的hash（#号）

icontent

06-21

404

转自：https://www.pinlue.com/article/2019/12/3116/459867812035.html

javascript，改变location.hash时清除history

JohnLiu的博客

11-28

1万+

通过使用以下方法来给hash赋值时 window.location.hash = 'hash的值' 会在window.history新增一条历史记录，如果想清除掉这条记录（不清除的话点击返回会回到上一个hash值的页面），可以使用 window.location.replace(window.location.href.toString().replace(window.locatio...

js hash

千叶飘的空中楼阁

10-28

1万+

<br />location是javascript里边管理地址栏的内置对象，比如location.href就管理页面的url，用location.href=url就可以直接将页面重定向url。而location.hash则可以用来获取或设置页面的标签值。比如http://domain/#admin的location.hash="#admin"。利用这个属性值可以做一个非常有意义的事情。<br />很多人都喜欢收藏网页，以便于以后的浏览。不过对于Ajax页面来说的话，一般用一个页面来处理所有的事务，也就是说，

javascript hash的使用

琳琳的博客

03-24

8597

在javascript中，hash指的是哈希表，是一种根据关键字直接访问内存存储位置的数据结构；通过哈希表，数据元素的存放位置和数据元素的关键字之间建立起某种对应关系，建立这种对应关系的函数称为哈希函数。 hash就是一个赋值的方法，含义很多，搜索到的知识和方法也非常复杂，但实际用的并不需要太复杂，能用的就一点点，写法也非常简单，hash有多种写法 my hash = {}←Object { } my hash = { "a" : 1}← >Object { a: 1 } my hash.a←

JavaScript浏览器对象编程：DOM与BOM操作

"这篇资源主要介绍了JavaScript在浏览器对象编程中的应用，包括DOM（Document Object Model）模型和BOM（Browser Object Model）模型的相关知识。它旨在帮助学习者掌握如何使用DOM来操作网页元素，以及利用BOM中的...