location对象(学习笔记)

最新推荐文章于 2024-07-19 12:58:53 发布

SpaceX7_s

最新推荐文章于 2024-07-19 12:58:53 发布

阅读量425

点赞数 1

文章标签： javascript 前端

本文链接：https://blog.csdn.net/weixin_45842954/article/details/122097256

版权

location定义

Location 对象包含有关当前 URL 的信息。
Location 对象是 window 对象的一部分，可通过 window.location.xxx 格式的相关属性对其进行访问

 URL的基本属性：
   protocal://host[:port]/path/[?query]#fragement
   http://www.baidu.com/index.html/?name=andy&age=18#link
   protocal:通讯协议
   host：主机(域名) www.baidu.com
   port:端口号 http默认端口号80
   path ：路径 一般用来表示主机上的一个目录或者文件地址
   query ：参数 以键值对的形式通常&符号分隔开
   fragment：片段 #后面是链接或者锚点

获取表单的属性加载到另一个页面

 <form action='10-index.html'>//数据提交的指定文档
        用户姓名: <input type="text" name="uname">
        <input type="submit" value="登录">
    </form>

在另一个表单获取URL的参数

<body>
   <span></span> 欢迎您
  
    <script>
        //  location的参数把URL的属性拿下来
       //把RUL的参数拿下来 ?uname=red
       var parme = location.search.substr(1);//截取字符串
       var arr = parme.split('=')//分割字符串，返回一个数组
       var span = document.querySelector('span');
       span.innerHTML = arr[1];
      //通过一些方法 把获取name的值
       
       </script>
</body>

location常用方法：
assign(‘一个网址’) 载入一个新文档有浏览记录可以返回上一级
replace(‘一个网址’)用新的文档替换当前文档
reload()从新加载当前页面，相当于属性于按刷新键或者f5 如果值为true相当于ctrl+f5强制刷新

<script>
   window.onload = function(){
    var btn = document.querySelector('button');
    btn.addEventListener('click',function(){
        //assign 载入一个新文档 有浏览记录 可以返回上一级
        location.assign('http://www.baidu.com');
        //用新的文档替换当前文档
        location.replace('http://www.jd.com');
        //从新加载当前页面，相当于属性于按刷新键或者f5  如果值为true相当于ctrl+f5强制刷新
        location.reload(true);
    })
   }

</script>

SpaceX7_s

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
location对象(学习笔记)

location定义Location 对象包含有关当前 URL 的信息。Location 对象是 window 对象的一部分，可通过 window.location.xxx 格式的相关属性对其进行访问 URL的基本属性： protocal://host[:port]/path/[?query]#fragement http://www.baidu.com/index.html/?name=andy&age=18#link protocal:通讯协议 host：主机(
复制链接

扫一扫