zoukankan      html  css  js  c++  java
  • js window.location用法


    <script>

     //设置或获取 href 属性中跟在问号后面的部分。

    console.log(window.location.search)
    //设置或获取对象指定的文件名或路径
    console.log(window.location.pathname)


    //设置或获取整个 URL 为字符串。

    console.log(window.location.href);

    //设置或获取与 URL 关联的端口号码。

    console.log(window.location.port)


    //设置或获取 URL 的协议部分。

    console.log(window.location.protocol)


    ///设置或获取 href 属性中在井号“#”后面的分段。

    console.log(window.location.hash)


    //设置或获取 location 或 URL 的 hostname 和 port 号码。

    console.log(window.location.host)


    </script>

    window.location用法
    2011 年 09 月 28 日 window.location.href=“url”:改变url地址;
    window.location.replace(“url”):将地址替换成新url,该方法通过指定URL替换当前缓存在历史里(客户端)的项目,因此当使用replace方法之后,你不能通过“前进”和“后 退”来访问已经被替换的URL,这个特点对于做一些过渡页面非常有用!
    window.location.reload():强制刷新页面,从服务器重新请求!

    window.location.href和window.location.replace的区别:
    假设有3个jsp页面(1.jsp,  2.jsp,  3.jsp),进系统默认的是1.jsp ,当我进入2.jsp的时候, 2.jsp里面用window.location.replace(“3.jsp”);与用window.location.href(“3.jsp”);从用户界面来看是没有什么区别的,但是当3.jsp页面有一个“返回”按钮,调用window.history.go(-1);wondow.history.back();方法的时候,一点这个返回按钮就要返回2.jsp页面的话,区别就出来了,当用window.location.replace(“3.jsp”);连到3.jsp页面的话,3.jsp页面中的调用window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.jsp 。当用window.location.href(“3.jsp”);连到3.jsp页面的话,3.jsp页面中的调用window.history.go(-1);wondow.history.back();方法是好用的,会返回2.jsp。因为window.location.replace(“3.jsp”);是不向服务器发送请求的跳转,而window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以会跳到系统默认页面1.jsp 。window.location.href(“3.jsp”);是向服务器发送请求的跳转,window.history.go(-1);wondow.history.back();方法是根据服务器记录的请求决定该跳到哪个页面的,所以就可以返回到2.jsp。

    …………………………………………………………………………

    window.location和window.open区别:
    在给按钮、表格、单元格、下拉列表和DIV等做链接时一般都要用Javascript来完成,和做普通链接一样,可能需要让链接页面在当前窗口打开,也可能需要在新窗口打开,这时就可以使用下面两项之一来完成:
        window.open 用来打开新窗口 
        window.location 用来替换当前页,也就是重新定位当前页
        可以用以下来个实例来测试一下。
    <input type=”button” value=”新窗口打开” onclick=”window.open(‘http://www.zhousl.com/’)”> 
    <input type=”button” value=”当前页打开” onclick=”window.location=’http://www.zhousl.com/’”> 

    …………………………………………………………………………

    window.location.Reload()和window.location.href=window.location.href;都是刷新当前页面。

    window.location.Reload()如果有数据提交的话,会提示是否提交的(是和否选项)
    window.location.href=window.location.href是定向url提交数据

     

    最好不要用location.reload(),而用location=location比较好,还有在模式窗口(showModalDialog和showModelessDialog)前者不能用。

    reload() 方法用于重新加载当前文档。
    语法
    location.reload(force)说明
    如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。
    如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

    转自:http://www.cnblogs.com/andy-wcl/p/3444146.html

  • 相关阅读:
    接口测试入门(5)----新框架重构,使用轻量级的HTTP开发库 Unirest
    接口测试入门(4)--接口自动化测试框架 / list和map用法 / 随机选取新闻 (随机数生成) / 接口相关id映射
    接口测试入门(3)--使用httpClient进行登录用例操作/set-cookies验证/ List<NameValuePair>设置post参数/json解析
    接口测试入门(2)--get和post初级请求/使用httpclient做一个获取信息list的请求(需要登录才可以)
    接口测试学习入门(1)--前期知识储备
    j2ee 使用db.properties连接mysql数据库
    com.mysql.jdbc.Driver 和 com.mysql.cj.jdbc.Driver的区别 serverTimezone设定
    mysql JDBC URL格式各个参数详解
    mysql新建数据库时的collation选择(转)
    SpringBoot MyBatis 配置多数据源 (静态多个)
  • 原文地址:https://www.cnblogs.com/dingjiuping/p/7526487.html
Copyright © 2011-2022 走看看