location对象和history对象

迈不过友情╰ 2023-01-01 13:57 141阅读 0赞

1.  location对象是最有用的BOM对象之一，提供了与当前窗口加载的文档有关的信息，以及一些导航功能，它既是window对象属性，又是document的属性。  
    location对象的属性：  
    hash: “\#…” 返回url中的hash（\#后跟零个或多个字符），如果URL中不包含散列，返回空字符串  
    host: “www.baidu.com:80” 返回服务器名称和端口号  
    hostname: “www.baidu.com” 返回不带端口名的服务器名称  
    href: “http://www.baidu.com” 返回当前加载页面的完整URL，location对象的toString()方法也返回该值  
    pathname: “/myfile/” 返回url中的目录（或）文件名  
    port: “8080” 返回url中指定的端口号，如果url中不包括端口号，则返回空字符串  
    protocol: “http:” 返回页面使用的协议，通常为"http:“或"https:”  
    search: “?q=javascript” 返回url查询字符串，该字符串以问号开头  
    查询字符串函数：

1.  使用location对象可以通过多种方式改变浏览器位置  
    1.使用assign()方法并为其传递参数，例：loaction.assign(“http://www.baidu.com”);//打开新url并在历史记录中生成记录，如果直接将window.location或location.href直接设为一个url值，也会调用assign()方法  
    location.href = “http://www.baidu.com”; window.location = “http://www.baidu.com”;  
    2.设url的初始值  
    location.href = “http://www.baidu.com/myfile/”  
    将url修改为：http://www.baidu.com/myfile/\#section  
    location.hash = “\#section”  
    将url修改为：http://www.baidu.com/myfile/?q=javascript  
    location.search = “?q=javascript”  
    将url修改为：http://www.bilibili.com/myfile/  
    location.hostname = “www.bilibili.com”  
    将url修改为：http://www.bilibili.com/filepath/  
    location.pathname = “filepath”  
    将url修改为：http://www.bilibili.com:8080/filepath/  
    location.port = 8080;  
    在IE8、Firefox1、Safari 2+、Opera 9+和Chrome中，修改hash值会在浏览器的历史记录中生成一条新的历史记录，用户单击后退按钮会导航到前一个页面  
    如要禁用该行为，使用replace()方法，该方法只接受一个参数，要导航的url,会改变浏览器位置，但不会生成历史记录，后退按钮会是禁用状态  
    3.reload()方法，重新加载当前显示的页面，如果调用该函数不传递任何参数，页面会以最有效的方式重新加载（可能会从缓存中重新加载），如果强制从服务器中重新加载，则为该函数传递参数true,位于该方法后的代码可能执行也可能不执行，要取决于网络延迟等因素
2.  history对象：保存着用户上网的历史记录，从窗口被开的一刻时算起，history.go()方法可以在用户的历史记录中任意跳转，接受一个整数参数，为正向前跳转，为负向后跳转，也可以传递参数字符串，会跳转到历史记录中包含该字符串的第一个位置，可能前进也可能是后退，如果历史记录中无该字符串，就什么也不做  
    history.back()方法相当于浏览器的后退按钮  
    history.forword()方法相当于浏览器的前进按钮  
    history还有一个length属性，保存着历史记录的数量，为0时表示打开窗口的第一个页面