博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小技巧之a标签自动解析URL
阅读量:4324 次
发布时间:2019-06-06

本文共 725 字,大约阅读时间需要 2 分钟。

我们可能都知道javascript中的window.location对象用来获取当前页面的地址URL,并把浏览器重定向到新的页面。它有protocol、hostname、host、port、search、hash、href、pathname等属性

比如:

window.location.href返回的是当前页面的整个URL

window.location.hostname返回的是web主机的域名

window.location.pathname返回的是当前页面的路径和文件名

还有一个window.location.assign()方法,传入的是一个URL地址,用来加载新的文档。

很少人会知道的是a标签也和window.location一样也有这样属性,可以方便我们分析网址。因为html中的<a>标签每出现一次,就会创建一个Anchor对象

代码如下:

function parseURL(url) {var a = document.createElement('a');a.href = url;return {source: url,protocol: a.protocol.replace(':',''),host: a.hostname,port: a.port||'80',query: a.search,params: (function(){var ret = {},seg = a.search.replace(/^\?/,'').split('&'),len = seg.length, i = 0, s;for (;i

 

转载于:https://www.cnblogs.com/luoqian/p/5901780.html

你可能感兴趣的文章
三、CSS样式——背景
查看>>
UVa 12299 RMQ with Shifts(线段树)
查看>>
BZOJ 3224: Tyvj 1728 普通平衡树(BST)
查看>>
uml建模工具Rational Rose2003使用笔记1
查看>>
Multiple
查看>>
网页开发学习笔记八: css 盒子模型
查看>>
一道课本题目引发的思考的再补充
查看>>
9.25
查看>>
javascript函数
查看>>
java泛型中<?>和<T>有什么区别?
查看>>
Vue.js——60分钟组件快速入门
查看>>
logback配置方式
查看>>
laravel 数据库操作小例子
查看>>
javascript中对象属性的介绍
查看>>
3天CSS总结
查看>>
一周复习总结(一)第二周
查看>>
similarity 字符串编辑距离相似度匹配
查看>>
linux中什么是shell?
查看>>
谈谈MySql数据库锁
查看>>
Mac上搭建rtmp流媒体服务器(结合FFmpeg的使用)
查看>>