Web5-3-Location对象及应用.pptx

课程主讲人：Web5-3-Location对象及应用昆明理工大学计算中心昆明理工大学计算中心WebWeb设计与应用设计与应用5.3 location对象及应用Web设计与应用“掌控文档，目标精准”location对象location是window对象的location属性，也是window对象的子对象。用途：用途： 获取当前窗口所加载文档的URL信息 更新URL，实现页面的跳转 重载文档或载入新文档例如：例如：window.location=http:/; location对象的属性用于控制用于控制URLURL，操纵，操纵当前窗口中打开的当前窗口中打开的文档文档location对象的属性更改locaion对象的属性值，可以部分或整体性地修改浏览器的URL，浏览器会自动载入更新后的URL指定的文档。将将URLURL字符串赋值给字符串赋值给locationlocation或或hrefhref属性属性作用相同：作用相同： location.href高性能计算机/329249; window.location高性能计算机/329249; location高性能计算机/329249;显示当前窗口中的显示当前窗口中的URLURL： alert(location.href);location对象的属性给href之外的其他属性赋值，可以修改部分URL浏览器会自动载入更新后的URL指定的文档。URL初始： http/location.hash = #part1; http:/ http/location.search = ?q=baidu; http:/?q=baidulocation对象的方法功能：功能：重载当前文档或加载新文档assign(URL) ：加载新的文档，并在浏览器历史中保存URLreload()：以最有效的方式重新加载当前页面reload(true)：强制从服务器重新加载当前页面replace(URL) ：用新的URL替换当前页面，但在历史记录中不保存URL打开打开百度百度首页首页: location=http:/ location.href=http:/ location.assign(http:/); location.replace();