如何使用JavaScript在Web浏览器中获取当前URL

javascript为提供了许多方法来在web浏览器地址栏中显示当前url。您可以使用window对象的location对象属性来获取这些详细信息。下面是location对象的一些属性列表。第一个示例将在web浏览器中获取当前url。下面还列出了一些示例可以参考,下面我们来看具体的内容。

JavaScript

1、href:返回地址栏中显示的整个URL。

var currentURL = window.location.href;

登录后复制

2、host:返回地址栏中URL的主机名和端口。

var currentHost = window.location.host;

登录后复制

3、hostname:只返回地址栏中URL的主机名。

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

var currentHostname = window.location.hostname;

登录后复制

4、post:仅返回地址栏中URL的端口详细信息。

var currentPort = window.location.port;

登录后复制

5、protocol:返回地址栏中URL的协议。就像URL使用HTTP(不使用SSL)或HTTPS(使用SSL)一样。

var currentProtocol = window.location.protocol;

登录后复制

6、pathname:返回地址栏中URL的路径名(域名后面的值)。

var currentPathname = window.location.pathname;

登录后复制

7、pathname:返回URL的锚点部分,包括hash singh(#)。

var currenthash = window.location.hash;

登录后复制

8、search :返回URL的查询部分,例如以问号(?)开头的部分。

var currentSearchString = window.location.search;

登录后复制

本篇文章到这里就已经全部结束了,更多精彩内容大家可以关注【创想鸟】的其他相关栏目教程!!!

以上就是如何使用JavaScript在Web浏览器中获取当前URL的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2733253.html

(0)
上一篇 2025年3月8日 00:53:52
下一篇 2025年3月3日 12:29:11

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • constructor属性怎么用

    对象的constructor属性用于返回创建该对象的函数,也就是我们常说的构造函数。下面本篇文章就来带大家认识一下javascript的constructor属性,希望对大家有所帮助。 JavaScript constructor属性 作用…

    2025年3月8日
    200
  • prototype属性怎么用

    prototype属性是用来向对象添加属性和方法的,该属性的使用语法是“object.prototype.name=value”。 本文操作环境:Windows7系统、javascript1.8.5版、Dell G3电脑。 每一个构造函数都…

    2025年3月8日
    200
  • concat()方法怎么用

    javascript中的concat()方法可以用于连接两个或多个数组以创建新数组,也可用于连接字符串。 JavaScript  concat()方法 作用:用于连接两个或多个数组(字符串),该方法不会改变现有的数组或字符串。 语法: Ob…

    2025年3月8日 编程技术
    200
  • JavaScript中Vue-router有哪些钩子及应用?

    本篇文章给大家带来的内容是关于JavaScript中Vue-router有哪些钩子及应用?有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 Vue-router有哪些钩子?使用场景? router的实现可以点这里 前面我们用大…

    编程技术 2025年3月8日
    200
  • 网页水印SDK的实现方法介绍(代码示例)

    本篇文章给大家带来的内容是关于网页水印sdk的实现方法介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 在网站浏览中,常常需要网页水印,以便防止用户截图或录屏暴露敏感信息后,追踪用户来源。如我们常用的钉钉软件…

    编程技术 2025年3月8日
    200
  • JavaScript拖拽上传功能的实现及原理介绍

    本篇文章给大家带来的内容是关于javascript拖拽上传功能的实现及原理介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 最近,小明遇到这样一种情况:在网页中上传文件时偶尔页面会崩溃。小明仔细测试了这种情况,发现之前用…

    2025年3月8日
    200
  • 基于iview-ui的导航栏路径配置(代码示例)

    本篇文章给大家带来的内容是关于基于iview-ui的导航栏路径配置(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 上家公司的后台管理系统都是刷表刷出来的,所用很久很久没写后台管理系统了。换了工作后总算要开始捣腾…

    编程技术 2025年3月8日
    200
  • Vue中虚拟dom比较原理的介绍(示例讲解)

    本篇文章给大家带来的内容是关于Vue中虚拟dom比较原理的介绍(示例讲解),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 先说一下为什么会有虚拟dom比较这一阶段,我们知道了vue是数据驱动视图(数据的变化将引起视图的变化…

    2025年3月8日 编程技术
    200
  • JS函数节流的用法介绍(代码示例)

    本篇文章给大家带来的内容是关于js函数节流的用法介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 现在javascript的用途 真的很广,感觉什么事都可以做,比如做视频监控,时刻看看你喜欢的人再做什么,哎呀…

    2025年3月8日
    200
  • JavaScript通信之Ajax的详细介绍(代码示例)

    本篇文章给大家带来的内容是关于JavaScript通信之Ajax的详细介绍(代码示例),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 表单提交 在html中提供了表单提交的功能,我们可以通过表单把数据从前台提交到后台,通过…

    2025年3月8日 编程技术
    200

发表回复

登录后才能评论