本文介绍了在 JavaScript 中获取 URL 主域名及解析查询参数的两种常用方法。通过 location 对象可直接获取 hostname、port 等属性;自定义函数则利用字符串分割技术提取键值对,并动态绑定至对象属性,便于后续调用。
JavaScript 获取 URL 参数与主域名的实现方法
本文通过具体示例,详细讲解了在 JavaScript 中获取 URL 参数以及提取主域名的实现方式,供读者参考学习。
获取主域名与端口信息的代码示例
<script>
alert(location.hostname)
alert(location.port)
alert(location.pathname)
alert(location.search)
</script>
<script>
function winsx(url) //URL传递的参数
{
var winurl =url?url:(unescape(window.location.href));
var wlp = winurl.split("?")[1];
var wincs = wlp.split("&");
for(var i=0; i<wincs.length; i++)
{
var tur = wincs[i].split("=");
eval('this.'+tur[0]+'="'+tur[1]+'";');
}
}
var ug = new winsx("http://www.yourname.com/aa/bb.php?val=11&test=2");
alert(ug.val)
alert(ug.test)
</script>
解析 URL 查询参数的自定义函数实现
如需了解更多 JavaScript 相关知识,建议查阅本站相关专题,包括《JavaScript 查找算法技巧总结》、《JavaScript 数据结构与算法技巧总结》、《JavaScript 遍历算法与技巧总结》、《JavaScript 中 json 操作技巧总结》、《JavaScript 切换特效与技巧总结》、《JavaScript 动画特效与技巧汇总》、《JavaScript 错误与调试技巧总结》以及《JavaScript 数学运算用法总结》。
总结与推荐阅读
期望上述内容能对读者的 JavaScript 编程实践提供有益帮助。