700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > JS中Location使用详解【javascript】

JS中Location使用详解【javascript】

时间:2021-10-28 03:37:21

相关推荐

JS中Location使用详解【javascript】

web前端|js教程

JS,Location

web前端-js教程

javascript中location地址对象描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址,只需要使用“location”就行了;若要表示某一个窗口的地址,就使用“.location”。

搜云盘源码,用vscode打开 图标,ubuntu硬件直通,如何远程执行tomcat,sqlite3能不能卸载,爬虫入门原来爬虫这么简单,php 获取所有post,福清专业seo大概费用,网页制作网站源码,网页模板扒手lzw

A、JS中Location的含义

订单后台源码,vscode插件安装好的,安装类型 ubuntu,tomcat 稳定的版本,pythonweb爬虫js,php脚本木马,seo专员招聘关键词,php大型家教网站源码百度云,jymusic音乐模板lzw

1、Location 对象存储在 Window 对象的 Location 属性中,表示那个窗口中当前显示的文档的 Web 地址。它的 href 属性存放的是文档的完整 URL,其他属性则分别描述了 URL 的各个部分。这些属性与 Anchor 对象(或 Area 对象)的 URL 属性非常相似。当一个 Location 对象被转换成字符串,href 属性的值被返回。这意味着你可以使用表达式 location 来替代 location.href。

折800淘宝客源码,vscode页面英文,ubuntu扩展屏幕设置快捷键,tomcat委派机制,sqlite的ado驱动,zblog注册插件,报表图表最好的前端框架,网络爬虫的模型图片,php for循环数据库,无忧seo技术,国际物流网站源码,北京时间网页源码,帝国cms个人空间模板lzw

2、Anchor 对象表示的是文档中的超链接,Location 对象表示的却是浏览器当前显示的文档的 URL(或位置)。但是 Location 对象所能做的远远不止这些,它还能控制浏览器显示的文档的位置。如果把一个含有 URL 的字符串赋予 Location 对象或它的 href 属性,浏览器就会把新的 URL 所指的文档装载进来,并显示出来。

3、除了设置 location 或 location.href 用完整的 URL 替换当前的 URL 之外,还可以修改部分 URL,只需要给 Location 对象的其他属性赋值即可。这样做就会创建新的 URL,其中的一部分与原来的 URL 不同,浏览器会将它装载并显示出来。例如,假设设置了Location对象的 hash 属性,那么浏览器就会转移到当前文档中的一个指定的位置。同样,如果设置了 search 属性,那么浏览器就会重新装载附加了新的查询字符串的 URL。

4、除了 URL 属性外,Location 对象的 reload() 方法可以重新装载当前文档,replace()可以装载一个新文档而无须为它创建一个新的历史记录,也就是说,在浏览器的历史列表中,新文档将替换当前文档。

B、JS中Location属性

属性 描述

hash 设置或返回从井号 (#) 开始的 URL(锚)。如果地址里没有“#”,则返回空字符串。

host 设置或返回主机名和当前 URL 的端口号。

hostname 设置或返回当前 URL 的主机名。

href 设置或返回完整的 URL。在浏览器的地址栏上怎么显示它就怎么返回。

pathname 设置或返回当前 URL 的路径部分。

port 设置或返回当前 URL 的端口号,设置或返回当前 URL 的端口号。

protocol 设置或返回当前 URL 的协议,取值为 ‘http:’,’https:’,’file:’ 等等。

search 设置或返回从问号 (?) 开始的 URL(查询部分)。

C、JS中Location对象方法

属性 描述

assign() 加载新的文档。

reload() 重新加载当前文档,相当于按浏览器上的“刷新”(IE)或“Reload”(Netscape)键。

replace() 用新的文档替换当前文档,相当于按浏览器上的“刷新”(IE)或“Reload”键。

D、JS中Location实例

//简单跳转function gotoPage(url) { var url ="url?catalogid="+catalogID; window.location =url; }//为单个页面传递参数function goto_catalog(iCat) { if(iCat<=0) { top.location = "url";} else { window.location ="url?catid="+iCat; }}// 对指定框架进行跳转页面function goto_iframe(url) { parent.mainFrame.location ="url"; }

以上所述就是本文的全部内容了,希望大家能够喜欢。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。