js 操作location URL对象进行操作

把location 创建URL对象

构造器

new URL()

创建并返回一个URL对象，该URL对象引用使用绝对URL字符串，相对URL字符串和基本URL字符串指定的URL。

属性

hash

包含'#'的USVString，后跟URL的片段标识符。

host

一个USVString，其中包含域（即主机名），后跟（如果指定了端口）“：”和URL的端口。

hostname

包含 URL 域名的 USVString。

href

包含完整 URL 的 USVString。

origin 只读

返回一个包含协议名、域名和端口号的 USVString。

password

包含在域名前面指定的密码的 USVString 。

pathname

以 '/' 起头紧跟着 URL 文件路径的 DOMString。

port

包含 URL 端口号的 USVString。

protocol

包含 URL 协议名的 USVString，末尾带 ':'。

search

一个USVString ，指示URL的参数字符串；如果提供了任何参数，则此字符串包括所有参数，并以开头的“？”开头字符。

searchParams 只读

URLSearchParams对象，可用于访问search中找到的各个查询参数。

username

包含在域名前面指定的用户名的 USVString。

例如

new URL(location.href).searchParams.get('year')
// Returns 2008 for href = "http://localhost/search.php?year=2008".
// Or in two steps:
const params = new URL(location.href).searchParams;
const year = params.get('year');

URLSearchParams.append()
// 插入一个指定的键/值对作为新的搜索参数。
URLSearchParams.delete()
// 从搜索参数列表里删除指定的搜索参数及其对应的值。
URLSearchParams.entries()
// 返回一个iterator可以遍历所有键/值对的对象。
URLSearchParams.get()
// 获取指定搜索参数的第一个值。
URLSearchParams.getAll()
// 获取指定搜索参数的所有值，返回是一个数组。
URLSearchParams.has()
// 返回 Boolean 判断是否存在此搜索参数。
URLSearchParams.keys()
// 返回iterator 此对象包含了键/值对的所有键名。
URLSearchParams.set()
// 设置一个搜索参数的新值，假如原来有多个值将删除其他所有的值。
URLSearchParams.sort()
// 按键名排序。
URLSearchParams.toString()
// 返回搜索参数组成的字符串，可直接使用在URL上。
URLSearchParams.values()
// 返回iterator 此对象包含了键/值对的所有值。

js 操作location URL对象进行操作相关推荐

jQuery 1.6 源码学习（六）——core.js[6]之jQuery对象/数组操作相关方法
本文将分析jQuery对象操作相关方法(包括静态和实例方法): merge方法,代码如下: //此方法用于合并两个jQuery对象(因为jQuery对象中有length属性)或者数组,//这个方法非常 ...
day04【JS高级】BOM对象、Window对象、二种定时器、 Location对象、DOM对象、DOM获取元素、DOM操作内容、DOM操作属性、DOM操作样式、DOM操作元素（标签）、正则表达式
回顾 1. js基础语法运算符:算数运算符可以与字符串进行数学运算,js底层进行隐式转换比较运算符:===(恒等) 特点,比较类型+内容流程控制语句if判断条件表达式:1)布尔2)数值:非0为真3)字 ...
js 操作frameset frame 对象
js 操作frameset frame 对象框架编程概述一个HTML页面可以有一个或多个子框架,这些子框架以<iframe>来标记,用来显示一个独立的HTML页面.这里所讲的框架编程包 ...
js day04DOM节点操作、事件对象与BOM
DOM节点操作.事件对象与BOM V1.2 一.复习提问  js中目前学到的事件由哪些  如何阻止a链接  设置表单例如disabled selected checked的正确方式是什么?  ...
js操作元素节点对象value
js操作元素节点对象value
js操作元素节点对象innerHTML
js操作元素节点对象innerHTML
从零开始学前端：中括号代替点操作，获取对象，自定义标签属性 --- 今天你学习了吗？（JS：Day3）
从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(JS) 复习:从零开始学前端:初识函数,合法属性与自定义属性 - 今天你学习了吗?(JS:Day2) 文章目录从零开始学前端:程序猿小白 ...
DOM对象本身也是一个js对象，所以严格来说，并不是操作这个对象慢，而是说操作了这个对象后，会触发一些浏览器行为（转）...
一直都听说DOM很慢,要尽量少的去操作DOM,于是就想进一步去探究下为什么大家都会这样说,在网上学习了一些资料,这边整理出来. 首先,DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢 ...
【JS笔记】JS中的DOM对象以及通过JS获取DOM结点，操作DOM属性、DOM增删改查
这篇文章,主要介绍JS中的DOM对象以及通过JS获取DOM结点,操作DOM属性.DOM增删改查. 目录一.JS中的DOM 1.1.什么是DOM 1.2.获取DOM结点 (1)获取htm ...

js 操作location URL对象进行操作

构造器

属性

js 操作location URL对象进行操作相关推荐

最新文章

热门文章