专栏首页迈向前端工程师企业面试题: 如何获取浏览器中URL中查询字符串中的参数

企业面试题: 如何获取浏览器中URL中查询字符串中的参数

考核内容: BOMR操作与函数使用

题发散度: ★★★

试题难度: ★★

解题思路:

window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。

Location 对象属性

hash 返回一个URL的锚部分

host 返回一个URL的主机名和端口

hostname 返回URL的主机名

href 返回完整的URL

pathname 返回的URL路径名。

port 返回一个URL服务器使用的端口号

protocol 返回一个URL协议

search 返回一个URL的查询部分

split() 方法 把一个字符串分割成字符串数组:

如果把空字符串 ("") 用作 separator,那么 stringObject 中的每个字符之间都会被分割。

string.split(separator,limit)

separator 可选。字符串或正则表达式,从该参数指定的地方分割 string Object。

limit 可选。该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。

参考代码

function argfn(str) {
var list=[],arr=str.replace("?","").split("&")
for(i in arr){
var subarr=arr[i].split("=")
            list.push({[subarr[0]]:subarr[1]})
        }
return list
    }
console.log(argfn(window.location.search))

本文分享自微信公众号 - 迈向前端工程师(shukeh5),作者:舒克老湿

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-07-01

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 基础测试: 如果一个HTML文档内含有阿拉伯文,则应该选择以下哪一项?​

    UTF8 是(UNICODE八位交换格式)的简称,UNICODE是国际标准,也是ISO标准10646的等价标准。

    舒克
  • 企业面试题: cookies,sessionStorage 和 localStorage 的区别?

    舒克
  • 企业面试题: px和em的区别

    px表示像素 (计算机屏幕上的一个点:1px = 1/96in),是绝对单位,不会因为其他元素的尺寸变化而变化;

    舒克
  • 爬虫课堂(十四)|URL的去重方法

    黄小怪
  • 数据可视化

    今天我们来聊一波有趣的数据可视化。 首先,我们先讲一下我们今天要用到的数据。是来自于 http://www.stat.ubc.ca/~rickw/gapmind...

    企鹅号小编
  • tengine+tomcat+php安装

    在安装tengine之前,确认centos环境中有无gcc、pcre、openssl,如果没有按以下命令进行安装

    似水的流年
  • tengine+tomcat+php安装

    在安装tengine之前,确认centos环境中有无gcc、pcre、openssl,如果没有按以下命令进行安装

    似水的流年
  • tengine+tomcat+php安装

    在安装tengine之前,确认centos环境中有无gcc、pcre、openssl,如果没有按以下命令进行安装 #yum install gcc #yu...

    似水的流年
  • 基于CentOS 7配置Nginx正向代理

    Nginx是一款以轻量级、低内存开销、支持缓存、支持反向代理,负载均衡,电子邮件服务而著称。对于鲜为人知的是,它还可以作为一个简单易用的正向代理服务器。本文简要...

    Leshami
  • 【Laravel5】Auth组件重写密码认证方式为MD5加密

    Eller

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动