JavaScript 获取 URL 参数与主域名的实现方法
作者:异步漫步时间:2026-10-30 11:43:13浏览:145
本文介绍了在 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 编程实践提供有益帮助。
作者最新文章
D3.js 比例尺与坐标轴的配置详解
2026-11-05 16:54:46
JavaScript怎么遍历对象的Symbol键和不可枚举属性
2026-11-05 13:13:39
封装一个健壮的JS字符串判空工具函数
2026-11-05 12:16:14
JavaScript合并数组的三种常用方法:concat、扩展运算符与push
2026-11-05 11:22:29
JavaScript立即执行函数(IIFE)是什么及基本语法
2026-11-05 10:51:19
