JS获取URL信息的常用方法

这篇具有很好参考价值的文章主要介绍了JS获取URL信息的常用方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、获取当前页面完整的url:

let url = location.href;

console.log(url) // --angel的博客_CSDN博客-领域博主

2、 获取当前页面的域名:

let host1 = window.location.host;

let host2 = document.domain; 

let host3 = location.hostname;
console.log(host1, host2, host3) // mp.csdn.net

 3、获取端口号:

let port = location.port;

console.log(port)

4、获取协议:

let protocol =location.protocol;

console.log(protocol) // https:

5、获取页面路径:

let pathName = location.pathname;

console.log(pathName) //  /mp_blog/manage/article 

6、获取href属性?后面的内容:

let str =location.search;
let search =a.substr(1);
console.log(search); // spm=1001.2100.3001.5448

7、获取=后面的内容:

let href = location.href;

let hrefcontent = href.substring(href.lastIndexOf('=')+1);

console.log(hrefcontent) // 1001.2100.3001.5448文章来源地址https://www.toymoban.com/news/detail-636015.html

到了这里,关于JS获取URL信息的常用方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • js下载url文件 —— 三种方法

    2024年02月14日
    浏览(50)
  • 〖大前端 - 基础入门三大核心之JS篇㉔〗- JavaScript 的数组的常用方法 (一)

    当前子专栏 基础入门三大核心篇 是免费开放阶段 。 推荐他人订阅,可获取扣除平台费用后的35%收益,文末名片加V! 说明:该文属于 大前端全栈架构白宝书专栏, 目前阶段免费开放 , 购买任意白宝书体系化专栏可加入 TFS-CLUB 私域社区。 福利:除了通过订阅\\\"白宝书系列专

    2024年02月07日
    浏览(56)
  • 前端如何获取网页的url

    1.设置或获取对象指定的文件名或路径: 获取整个 URL 为字符串(常用):window.location.href 2.获取与 URL 关联的端口号码:window.location.port eg:http://localhost:8088/#home?tenancyId=4bfaaa6d-410e-11ec-875a-00505685097e =8088 3.设置或获取 URL 的协议部分:window.location.protocol eg:http://localhost:8088/#home?tenancyId=

    2024年02月16日
    浏览(43)
  • JS中常用的的选择器,JavaScript获取HTML标签元素

    getElementById是JavaScript中的一个DOM方法,用于根据元素的id属性获取HTML文档中的元素。该方法接受一个字符串参数,即元素的id属性值,并返回具有该id属性值的元素。如果没有找到匹配的元素,则返回null。 以下是一个示例,演示如何使用getElementById获取页面中的元素: 在这个

    2024年02月04日
    浏览(56)
  • vue通过获取url中的信息登录页面

       

    2024年02月21日
    浏览(36)
  • js跳转到指定url

    js怎么跳转到指定url方法如下: 需求:页面上点击按钮 需要调用设备提供的地址

    2024年02月11日
    浏览(52)
  • vue 中从后端获取到文件的 url 地址,前端根据 url 地址下载文件

    项目用的是 vben admin 框架,用的是 vue3 + TS 项目需求数据导出功能,前端需要实现文件下载功能 后端返回的是文件的 url 地址 (本项目中返回的是阿里云 oss 的文件地址) 从后端得到的是一个 url 地址,先通过 fetch api 请求这个 url 地址并转换成 blob 对象,通过 URL.createObjectUrl() 将 blo

    2024年02月06日
    浏览(49)
  • js/javascript获取时间戳的5种方法

    以下便是干货 1.获取时间戳精确到秒,13位 2.获取时间戳精确到毫秒,13位 3.获取时间戳精确到毫秒,13位 4.获取时间戳精确到毫秒,13位 5.获取时间戳精确到毫秒,13位 其它 在开发的中需要精确到秒的时候,推荐使用 第1种方法,也需要除以1000才行,如果是需要时间戳毫秒的推荐 +new D

    2024年02月11日
    浏览(44)
  • js解决url传递中文参数乱码问题

    做后台管理系统的时候,出现了一个bug:点击“导出数据”按钮,打开文件里面是空的。 乱码的url 正确的url 1.文件为空,应该是请求的url路径不对,显示一个空的模板即没带参数,因此可以判断是参数有误; 2.控制台打出url,可以看出是参数中文乱码; 3.怎样解决中文乱码问题

    2023年04月19日
    浏览(41)
  • js对url进行编码解码(三种方式)

    目录 前言 一、为什么要编码 二、需要编码的字符 三、编码的三种方式 第一种:escape和 unescape 第二种:encodeURI 和 decodeURI 第三种: encodeURIComponent 和 decodeURIComponent 三、总结 我们在项目开发中用url进行参数传递时,经常会传递一些中文名的参数或URL地址,在后台处理时会发

    2024年03月10日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包