分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

JS获取URL的参数

发布时间:2023-09-06 01:14责任编辑:胡小海关键词:暂无标签

用JS来获取地址栏(URL)里面的参数

首先,我们要先获取地址栏里的内容。这里就要用到location对象。

  location最有用的BOM对象之一,它提供了与当前窗口中加载的文档有关的信息。并且还将URL解析为独立的片段,我们可以通过不同的属性来访问这些片段。

location属性:  例如:https://wwww.maidp.com/index.html?value=12&name="jack"&id=5#imhere

属性名说明举例
protocol返回页面所使用的协议  常为http或https"https:"
hostname返回服务器名称(不带端口号)"www.maidq.com"
port返回端口号(如果使用默认端口80则返回空字符串,否则返回端口号)""
host返回服务器名称和端口号"www.maidq.com"
search返回URL中的参数"?value=12&name="jack"&id=5"
href返回当前加载页面的完整的URL。location对象的toString()方法也返回这个值"https://wwww.maidp.com/index.html?value=12&name="jack"&id=5#imhere"
pathname返回URL中的目录、文件名,路径部分"/fisker/post/0703/window.location.html"
hash返回URL中的hash(#号后跟0个或多个字符),如果URL中不包含散列,则返回空字符串"#imhere"

下来咱们就来实现用原生JS获取地址栏里面的参数吧。

方法一:

function getURLParm(){ ???var parm = location.href;//获取当前页面的URL ???var parm_result = new Object;//用于存储参数 ???var start = parm.indexOf("?") != -1 ? parm.indexOf("?")+1 : parm.length;//判断是否有参数 ???var end = parm.indexOf("#") != -1 ? parm.indexOf("#")-parm.indexOf("?") : parm.length;//判断参数内容结束的地方 ???parm = parm.substring(start,end);//将参数部分截取出来 ???parm_array = parm.split("&");//将每个参数依次存入数组 ???for(var i = 0;i < parm_array.length;i++) ???{ ???????parm_result[parm_array[i].split("=")[0]] = parm_array[i].split("=")[1];//遍历数组,将参数值赋给相应的参数名 ???} ???return parm_result;}console.log(getURLParm());

JS获取URL的参数

原文地址:http://www.cnblogs.com/cencenyue/p/7594671.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved