上周写代码的时候遇到一个问题,需要在一个后端返回的url中添加一些参数,实现之后,提交代码,导师review的时候提了一个问题,我现在知道这个url的search不为空,但是后面如果url改变了,传回的这个url的search为空,直接在后面追加参数没有?会导致链接失效,建议我使用URL来添加。URL有很多属性和方法,点击 URL 可进入mdn查看。
URL
获取当前页面的url可使用 location.href
构造一个假的url,具体的意思可点击👆链接查询
添加参数的话,需要用到URL.searchParams - Web API 接口参考 | MDN (mozilla.org),
可以看到,使用set方法,成功添加了一个参数。这个方法在没有?的情况会自动在url上面添加?
最后得到处理结束的url,可以通过href属性或者toString方法即可
最后
以上就是所有的内容,如有错误,欢迎指正!