JS DOM的hash 属性

最新推荐文章于 2022-11-16 15:24:17 发布
最新推荐文章于 2022-11-16 15:24:17 发布
阅读量318 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/heqiuyan44/article/details/48860125
版权

      前几天做网站遇到一个麻烦的问题，一个页面A中有多个錨链接，我需要从页面B访问跳转到页面A中的指定錨区域，且左边的相应菜单栏显示激活状态。

      我开始的想法是通过页面传值来完成。通过页面B在访问页面A时，给链接后面加一个制定参数，然后在页面A中通过获取判断相应的参数，来跳转到指定的錨区域。正巧这几天看W3C school的时候，看到了一个DOM的hash 属性,可以用来读写链接中的錨，于是我将在网站中尝试了这个属性，结果真的可以实现哦~

     

在页面A中通过location.hash来判断锚链接的值，并设置相应的菜单栏为激活状态

就这样，非常简单的解决的这个问题

heqiuyan44
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML DOM属性和方法
星的博客
08-09 353
1.Attr对象 2.Document 对象 3.Element 对象 4.Event(事件) 5.Event(事件)对象 6.HTMLCollection 7.Location 对象 8.Navigator 对象 9.Screen 对象 10.Style 对象 11.Window 对象
从零学前端第九讲：JavaScript的Dom和Bom
IT修真院：初学者转行到互联网的聚集地
10-29 504
修真院Web工程师零基础全能课 本节课内容： JavsScript的Dom和Bom 主讲人沁修 项目经验丰富，擅长H5移动项目、敏捷开发。 直播录屏版 传送门：https://v.qq.com/x/page/q0732gi60q6.html 1、什么是DOM DOM就是文档对象模型，什么是文档对象模型？这就需要好好说说了。 HTML的文档docume...
DOM hash
weixin_30432579的博客
08-17 93
前段时间做的一个H5专题，用到了hash解决问题，特意记录一下。DOM hash的详细内容可以点击链接查看。 hash就是uri中#及后面的部分，例如：www.google.com.hk#123的#123。当只有hash部分发生变化时，浏览器的历史记录会产生记录，但不会向服务器发出请求，这时按后退键地址栏的uri会变化但页面内容不变。 当前 URL 的锚部分(以 ...
JS Hash对象
04-10
NULL 博文链接：https://liuxing87327.iteye.com/blog/1673884
js 浏览器HTML DOM hash 属性
weixin_34232617的博客
03-03 164
2019独角兽企业重金招聘Python工程师标准>>> ...
html dom hash,计算dom元素的唯一hash值
weixin_27890975的博客
06-19 297
计算dom元素的唯一hash值//element hashvar ALL_TAGS = [ '!DOCTYPE', 'A', 'ABBR', 'ACRONYM', 'ADDRESS', 'APPLET', 'AREA','ARTICLE', 'ASIDE', 'AUDIO', 'B', 'BASE', 'BASEFONT', 'BDI', 'BDO','BIG', 'BLOCKQUOTE', 'B...
js的hash
weixin_30706691的博客
05-26 132
最近在css的网站上找了份页面模板再看，打算学习下，遇到了这样一段代码（console.log();部分是我自己加的）； （马赛克部分是注释。在这里感谢下我兔哥哥，给我讲解，哈哈）；在浏览器控制台部分打印出来是这个样子： 现象就是点击下列图片中的features about 等时，页面跳转到相应div部分: 可以看出this是html元素，this.hash是元素里的href="...
dom hash属性
stranger's world
08-13 135
hash 属性是一个可读可写的字符串，该字符串是 URL 的锚部分（从#号开始的部分）。 location.hash=anchorname 转自：http://www.w3school.com.cn/htmldom/prop_loc_hash.asp
JS中dom0级事件和dom2级事件的区别介绍
11-23
首先，DOM0级事件处理是JavaScript早期的标准，它通过直接在HTML元素上设置属性（如`onclick`）或在JavaScript中直接赋值给元素的事件属性来绑定事件。例如： ```html <a href="#" id="hash" onclick="fn();fn1();...
javascript 的Document属性和方法集合
10-29
location对象的属性如hash、host、hostname、href、pathname、port和protocol分别用于获取URL中的不同部分，例如#号后的部分、域名+端口号、域名、完整URL、目录部分、端口号和网络协议等。location对象还有search...
React的路由——react-router-dom
m0_48982503的博客
11-15 856
安装 cnpm i react-router-dom -S； npm i react-router-dom -S 引入 hash路由：HashRouter import { HashRouter } from 'react-router-dom' history路由：BrowserRouter import { HistoryRouter } from 'react-router-dom' 注意 路由的所有配置项必须在HashRouter...
JavaScript的一个Hash类
oldJ的学习笔记
04-10 1719
有时候我们需要使用JavaScript操作地址栏的参数，例如在一些Ajax应用中需要将地址栏“#”后的部分当作页面定位信息存储或操作，这时常需要将类似于“a=123&b=456&c=789”这样的字符串转化为{a:123,b:456,c:789}这样的类，如果能定义一个比较通用的Hash类在这样的工作中一定能起到事倍功半的效果，下面是一个我常用的这样的类。function Hash(s) 
数据结构(js实现)-Hash表（哈希表）
M_Edison的博客
02-07 1502
文章目录1.引入1.1 字母转数字1.2.哈希化2.地址冲突2.1 链地址法2.2 开放地址法2.2.1 线性探测（后面实现哈希表用此方法）2.2.2 二次探测2.2.3 再哈希法3.哈希化的效率3.1装填因子loadFactor3.2最终选择4.哈希函数及其实现5.哈希表5.1 哈希表的封装5.2 put() 插入和修改数据方法5.3 get() 获取元素方法5.4 remove() 删除元素方法5.5 isEmpty() 判空5.5 size() 元素个数6.哈希表扩容7.解决哈希表容量是否为
【JS】数据结构之哈希表
最新发布
qq_45677671的博客
11-16 1067
哈希表通常是基于数组实现的，哈希表是对于索引的一种转换，这种转换称之为哈希函数，通过哈希函数就会把要存储的值映射到一个位置，这个位置就是他的索引。在web架构中，后端程序直接与数据库打交道，会出现频繁操作数据库情况，所有会出现性能瓶颈，于是就出现了缓存层。那有没有一种方法，可以直接将 name 值作为索引，来提高我们的查询速度，那么我们就要将 name 转换成数组的索引。这种转换是一种压缩映射，映射表达是一一对应的关系，也就是说，散列值的空间通常会小于输入的空间。，该输出的值就是散列值。
javascript的hasChildNodes()的应用
玮小尘
12-22 1922
getElementByName 博士... 硕士... 本科... 幼儿园... //查看id="edu"的节点是否含有子节点 alert(document.getElementById("edu").hasChildNodes()); //查看id="id1"的节点是否含有子节点 alert(document.getEleme
javascript hash的使用
琳琳的博客
03-24 8299
在javascript中，hash指的是哈希表，是一种根据关键字直接访问内存存储位置的数据结构；通过哈希表，数据元素的存放位置和数据元素的关键字之间建立起某种对应关系，建立这种对应关系的函数称为哈希函数。 hash就是一个赋值的方法，含义很多，搜索到的知识和方法也非常复杂，但实际用的并不需要太复杂，能用的就一点点，写法也非常简单，hash有多种写法 my hash = {}←Object { } my hash = { "a" : 1}← >Object { a: 1 } my hash.a←
html dom hash,JavaScript 操作 DOM
weixin_39693662的博客
06-19 91
在JavaScript 能够涉及的范围内有如下几个“大”对象：window, document, location, navigator, screen, history 等。下面是一个文档对象树，你可以看到对象下包含对象的“壮观”情景。要引用某个对象，就要把父级的对象都列出来。例如，要引用某表单"applicationForm"的某文字框"customerName"，就要用"document.a...
原生js dom操作
yuling__ting的博客
05-24 1732
这里说说一些原生js操作dom的方法： 1，元素的获取       getElementById()，getElementsByTagName()，getElementsByClassName()，这里要注意这个getElementsByClassName()在ie8以下是不兼容的。 2，元素操作方法       (1)node.appendChild(node1：向某个节点添加一个子节点
唠叨一下js对象与哈希表那些事
weixin_34395205的博客
12-05 1035
最近在整理数据结构和算法相关的知识，小茄专门在github上开了个repo https://github.com/qieguo2016...，后续内容也会更新到这里，欢迎围观加星星！ js对象 js中的对象是基于哈希表结构的，而哈希表的查找时间复杂度为O(1)，所以很多人喜欢用对象来做映射，减少遍历循环。 比如常见的数组去重： funct...
JavaScript操作页面：Window对象的location属性详解
`location` 还可以分解为更小的属性，如 `location.href`（整个URL）、`location.protocol`（协议）、`location.hostname`（主机名）、`location.pathname`（路径）、`location.search`（查询字符串）和`location....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值