JS如何获取地址栏的参数(代码)

不言
Freigeben: 2018-09-15 15:51:17
Original
2833 Leute haben es durchsucht

本篇文章给大家带来的内容是关于javascript如何获取地址栏的参数(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

地址:http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper

Location{ assign:ƒ (), // 加载新的文档。 hash:"#prosper", // 设置或返回从井号 (#) 开始的 URL(锚)。 host:"127.0.0.1:8082", // 设置或返回主机名和当前 URL 的端口号。 hostname:"127.0.0.1", // 设置或返回当前 URL 的主机名。 href:"http://127.0.0.1:8082/prosperleedir/index.html?id=6666&name=prosper#prosper", // 设置或返回完整的 URL。 origin:"http://127.0.0.1:8082", // 返回当前 URL 的协议和主机名和当前 URL 的端口号。 pathname:"/prosperleedir/index.html", // 设置或返回当前 URL 的路径部分。 port:"8082", // 设置或返回当前 URL 的端口号。 protocol:"http:", // 设置或返回当前 URL 的协议。 reload:ƒ reload(), // 重新加载当前文档。 replace:ƒ (), // 用新的文档替换当前文档。 search:"?id=6666&name=prosper", // 设置或返回从问号 (?) 开始的 URL(查询部分)。 toString:ƒ toString(), // 返回完整的 URL。 }
Nach dem Login kopieren

加载新的文档。

window.location.assign("http://www.baidu.com");
Nach dem Login kopieren

用新的文档替换当前文档。

window.location.replace("http://www.baidu.com");
Nach dem Login kopieren

重新加载当前文档。

如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。

如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

window.location.reload(true); window.location.reload(false);
Nach dem Login kopieren

返回完整的 URL。

console.log(window.location.toString());
Nach dem Login kopieren

1401533-20180831163528145-1249042656.png

/** * [getUrlParam 获取地址栏传参] * @param {[String]} paramname [参数名] * @return {[String]} [参数值] */ function getUrlParam(paramname) { var reg = new RegExp("(^|&)" + paramname + "=([^&]*)(&|$)"); // 查询匹配 substr(1)删除? match()匹配 var s = window.location.search.substr(1).match(reg); if (s != null) { return unescape(s[2]); // unescape() 函数可对通过 escape() 编码的字符串进行解码。 } return null; } // ?id=6666&name=prosper getUrlParam('id'); // s的输出为["id=6666&","","6666","&"] getUrlParam('name'); // s的输出为["name=prosper","&","prosper",""]
Nach dem Login kopieren

相关推荐:

用javascript获取地址栏参数_javascript技巧

Das obige ist der detaillierte Inhalt vonJS如何获取地址栏的参数(代码). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!