• window.location对象 获取页面地址


    window.location对象的属性:

    属性 含义
    location.protocol 协议 "http://"或"https://"
    location.hostname 服务器名字 "baidu.com"
    location.port 端口 "8080"
    location.pathname URL中主机名后的部分 "/index.php"
    location.search "?"后的部分,又称查询字符串 "?type=2&id=122"
    location.hash "#"之后的内容 "#first"
    location.host 等于hostname+port "baidu.com:8080"
    location.href 当前页面的完整URL "http://baidu.com:8080?type=2&id=50#first"

    window.location对象的方法:

    方法 描述
    location.assign() 加载新的文档
    location.reload() 重新加载当前文档
    location.replace() 用新的文档替换当前文档

    location.href 与location.assign()以及location.replace()的区别:

    location.href='http://baidu.com'    ===  location.assign('http://baidu.com')   都是在当前页面跳转到新的页面,在新页面点击返回按钮,可回到上一页。

    location.replace('http://baidu.com') 当前页面被新页面替换,不能回到上一页。

    如何使用js脚本捕获页面GET方法请求的参数?    比如 "?type=2&id=50" 里的2和50。

    1 var dataList=window.location.search;  //使用location.search获取?type=2&id=50字符串。
    2 var dataArray=dataList.split("&");    //用"&"将字符串进行分割,返回到数组中。得到{?type=2,id=50}
    3 var type=dataArray[0].split("=")[1];  //用"="将数组中的"?type=2"分割为数组{?type,2},并取index=1的字符串2。
    4 var id=dataArray[1].split("=")[1];    //同上
    5 console.log(type,id); //2  50

    补充:字符串的split()方法

    split(separator,howmany);   

    separator:必需,字符串或正则表达式。从该参数指定地方分割。被分割的字符返回到数组中,且不包含separator本身。

    howmany:可选,指定返回数组的最大长度。

  • 相关阅读:
    三种方式循环打印1-100的值
    线程中put(None)和主函数中put(None)的区别和用法
    进程、线程这篇博客,让你傻傻的一次就能记清楚
    单生产者进程和单消费者进程
    队列
    初始线程
    常见面试题之*args
    常见面试题之*args 和 **kwargs 的使用
    闭包函数之函数加括号和不加括号的意义
    仓鼠找sugar II
  • 原文地址:https://www.cnblogs.com/dreamperson/p/10724461.html
Copyright © 2020-2023  润新知