js URL相关方法

1、URL构建
	let url = new URL(url,base)
		base:在url是相对UR 时,它才会起效。默认为''
		如:
			new URL('en-US/docs', 'https://developer.mozilla.org'); 
				'https://developer.mozilla.org/en-US/docs'
			new URL('en-US/docs', 'https://developer.mozilla.org/en-US/docs'); 
				'https://developer.mozilla.org/en-US/docs'
			new URL('/en-US/docs', "https://developer.mozilla.org/fr-FR/toto");
				'https://developer.mozilla.org/en-US/docs'
			new URL('http://www.example.com', 'https://developer.mozilla.org/');
				'http://www.example.com/'
			new URL("//foo.com", "https://example.com")
				'https://foo.com' 

	属性
		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。
	方法
		toString()
			返回包含整个URL的USVString。 它是URL.href的同义词,尽管它不能用于修改值。
		toJSON()
			返回包含整个URL的USVString。 它返回与href属性相同的字符串
			
2、URLSearchParams 
	接口定义了一些实用的方法来处理URL的查询字符串
	
	一个URLSearchParams的实例对象可以直接用在 for...of 结构中
		for (const [key, value] of mySearchParams) {}
		for (const [key, value] of mySearchParams.entries()) {}
	
	使用:
		var paramsString = "name=jeff&topic=api"	如果字符串起始位置有 ? 的话会被去除
		var searchParams = new URLSearchParams(paramsString);
		
		.append(key,value)
		 插入一个指定的键/值对作为新的搜索参数。
		.delete(key)
		 从搜索参数列表里删除指定的搜索参数及其对应的值。
		.entries()
		 返回一个iterator可以遍历所有键/值对的对象。
		.get(key)
		 获取指定搜索参数的第一个值。
		.getAll(key)
		 获取指定搜索参数的所有值,返回是一个数组。
		.has(key)
		 返回 Boolean 判断是否存在此搜索参数。
		.keys()
		 返回iterator 此对象包含了键/值对的所有键名。
		.set(key,value)
		 设置一个搜索参数的新值,假如原来有多个值将删除其他所有的值。
		.sort()
		 按键名的Unicode排序。
		.toString()
		 返回搜索参数组成的字符串,可直接使用在URL上。
		.values()
		 返回iterator 此对象包含了键/值对的所有值。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值