0

0

如何使用 JavaScript 检查 URL 是否包含哈希值?

王林

王林

发布时间:2023-09-07 14:57:11

|

1273人浏览过

|

来源于tutorialspoint

转载

如何使用 javascript 检查 url 是否包含哈希值?

概述

使用 JavaScript 检查统一资源定位器 (U.R.L.) 是否包含哈希值 (#text),因为 JavaScript 包含一些预构建方法,这使得获得特定目标成为一项简单的任务。这可以通过使用 JavaScript 中的 hash 属性来完成,该属性可以通过初始化 window.location 对象来访问。它简化了用户界面并提供了最重要的网页导航。

要构建此解决方案,我们需要以下主题的先验知识 -

  • HTML- 构建页面的骨架。其中我们将使用内部 标记。

  • HTML 事件(onclick()、onchange() 等)

    立即学习Java免费学习笔记(深入)”;

  • JavaScript 窗口对象、位置对象、哈希属性。

语法

该程序使用的基本语法是 -

window.location.hash
  • Window - 这是指定 Web 浏览器框架的 JavaScript 对象。它可以处理与您的浏览器相关的方法。 windows的属性可以通过

  • 来访问

语法:

(window.property/methodName)
  • Location - 它是窗口对象的一个​​属性,包含有关当前网页 URL 的信息。

语法:

window.location.propertyName
  • Hash - 它是包含 # 之后文本的位置对象的属性。如果 URL 包含“/tutorialspoint/#java”。然后location.hash将返回值“java”。

算法

  • 第 1 步- 使用 标记

    Cogram
    Cogram

    使用AI帮你做会议笔记,跟踪行动项目

    下载
    创建 HTML 按钮
  • 第 2 步- 在按钮标签 中插入 onclick 事件,并在其中插入函数,如。函数名称是用户定义的,因此您可以根据自己的方便进行更改。

  • 第 3 步- 创建 JavaScript 箭头函数 checkHash()

  • 第 4 步- 使用window对象方法location和位置方法hash。将 window.location.hash 的结果存储在变量中。

  • 第 5 步- 在 if-else 中传递变量作为条件。

  • 第 6 步- 如果 if-else 中传递的变量为 true,则返回“Hash found”,否则如果传递的变量为 false,则返回“Hash not”发现”。

示例

在给定的代码中,它包含一个 HTML 按钮,其中包含“onclick()”事件处理程序,其中给出了 JavaScript 用户定义函数“checkHash()”。当点击




   Check the Hash in URL
   


   

OUTPUT HASH- // Output will be shown here


add hash(#) to url

点击锚文本后 -

在这种状态下,网页的URL(http://127.0.0.1:3000/index.html)不包含任何#text,如下图地址栏所示,因此window.location .hash 不会在引用的变量中存储任何内容,因此它返回 false 并输出“未找到哈希值。”

点击锚文本后,HTML属性href=“#java”的值与当前URL连接,因此window.location.hash包含连接后的哈希文本“#java”,因此返回true哈希的名称存储在变量“h”中,并且“h”变量将在 if-else 条件下进行检查,其输出将显示在“outputVal”id 容器内。

结论

当点击锚链接时,它会将我们重定向到哈希值内容。

这为用户提供了一个交互式界面,其中包含指向散列链接内容的方向。位置对象还具有许多有利的属性,例如 href、origin、路径名等等。 Window 对象还提供了各种操作浏览器的方法,例如位置、历史记录、open()、close() 等等。

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

相关专题

更多
java
java

Java是一个通用术语,用于表示Java软件及其组件,包括“Java运行时环境 (JRE)”、“Java虚拟机 (JVM)”以及“插件”。php中文网还为大家带了Java相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

802

2023.06.15

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

722

2023.07.05

java自学难吗
java自学难吗

Java自学并不难。Java语言相对于其他一些编程语言而言,有着较为简洁和易读的语法,本专题为大家提供java自学难吗相关的文章,大家可以免费体验。

727

2023.07.31

java配置jdk环境变量
java配置jdk环境变量

Java是一种广泛使用的高级编程语言,用于开发各种类型的应用程序。为了能够在计算机上正确运行和编译Java代码,需要正确配置Java Development Kit(JDK)环境变量。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

395

2023.08.01

java保留两位小数
java保留两位小数

Java是一种广泛应用于编程领域的高级编程语言。在Java中,保留两位小数是指在进行数值计算或输出时,限制小数部分只有两位有效数字,并将多余的位数进行四舍五入或截取。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

398

2023.08.02

java基本数据类型
java基本数据类型

java基本数据类型有:1、byte;2、short;3、int;4、long;5、float;6、double;7、char;8、boolean。本专题为大家提供java基本数据类型的相关的文章、下载、课程内容,供大家免费下载体验。

445

2023.08.02

java有什么用
java有什么用

java可以开发应用程序、移动应用、Web应用、企业级应用、嵌入式系统等方面。本专题为大家提供java有什么用的相关的文章、下载、课程内容,供大家免费下载体验。

428

2023.08.02

java在线网站
java在线网站

Java在线网站是指提供Java编程学习、实践和交流平台的网络服务。近年来,随着Java语言在软件开发领域的广泛应用,越来越多的人对Java编程感兴趣,并希望能够通过在线网站来学习和提高自己的Java编程技能。php中文网给大家带来了相关的视频、教程以及文章,欢迎大家前来学习阅读和下载。

16861

2023.08.03

桌面文件位置介绍
桌面文件位置介绍

本专题整合了桌面文件相关教程,阅读专题下面的文章了解更多内容。

0

2025.12.30

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号