html根据文档定位,html文档中的location对象属性理解及常见的用法

关于location对象的简单理解：

1.location对象中涵盖了当前页面(本页面)或者更直接的说，是当前加载的这个html文档的url信息

2.location对象作为window对象的一个属性，可以通过window.location老访问

下面顺便介绍一些URL(资源定位符)的相关信息吧：

在浏览器中URL通常由下面几个部分组成的：

[协议][host][path][query]

协议：常见的协议有：

http:// 表示资源文件在web服务器上

ftp://表示资源文件在网络上的ftp服务器中

host：主机名以及端口号，例如本机tomcat常用的host：localhost:8080

path:项目的路径信息，一般是由“/”以及字符组成的，"/"为上下级关系

query：一般是以“？”开头的，后面加上一些歌键值对(key=value)的形势，多个键值对时用“&”隔开，可用于动态网页，传参数至服务器端，用于后台有关操作，查询数据库条件等等，提交表格数据等等，都可以放在这里提交，涉及安全性的东西需要另外搞定加密或者通过其他方式。。。。

query的后面还可以添加以“#”号开头的参数，但是目前没用到这个东西，暂时不随便发表言论

location对象属性：

1.href属性：当前页面的完整url信息，包括协议，主机名，端口号，查询参数，#信息等等等，完整的都包含了

2.host属性：主机名称和端口号，比如localhost:8080本机

3.hostname：主机名

4.port：url中的端口号

5.pathname：url中的路径内容包含“/”的那部分内容

6.protocol：协议

7.serach：以“?”开始的query部分内容

8.hash：以“#”开始的内容

location常见的用法

很显然，除了可以给开发者提供便捷的属性信息以外，还有一个更加重要和常用的用途

重新加载页面，可以用来刷新文档内容，但是更加重要的用途是，修改href信息之后，重新加载文档内容

location.href:在赋值之后，浏览器会根据这个指定的全新的url，刷新文档的内容

location.reload()：重新加载文档

协助我们解决页面跨域的问题：

1.刷新当前的页面

window.location.href =url//我习惯使用这个方法

self.location.href =url

location.href =url

上述三个方法都可用来刷新当前页面(根据指定的url重新加载，可以是另一个全新的文档，替换当前文档)

2.父页面中使用iframe包含了子页面时

父页面刷新子页面：

window.frames["id"].location.reload()//id为页面中iframe的id

3.子页面刷新父页面

parant.location.reload()

self.opener.location.reload()

方法有很多，随着以后的实际使用继续总结！！！！

其他常见方法：

location.replace() //使用新文档替换当前文档

location.assign() //加载新文档

html根据文档定位,html文档中的location对象属性理解及常见的用法相关推荐

BFC机制与浮动定位脱离文档流
BFC机制与浮动定位脱离文档流 BFC块格式化上下文 --w3c规定的一种独立渲染区域渲染流程基本上四个步骤: 1.计算CSS样式 2.构建Render Tree 3.Layout – 定位.大小, ...
SQLAlchemy技术文档（中文版）（中）
2019独角兽企业重金招聘Python工程师标准>>> 10.建立联系(外键) 是时候考虑怎样映射和查询一个和Users表关联的第二张表了.假设我们系统的用户可以存储任意数量的ema ...
实施文档_Word 2010文档处理案例教程
Word 2010文档处理案例教程 ISBN:978-7-80243-928-3/02 作者:黄桂林江义火郭燕定价:38.00元出版社:航空工业出版社适用层次:通用出版日期:2019-10 ...
html文件损坏怎么恢复,如何修复损坏Word文档恢复受损文档中的文字
word 文档是许多电脑用户写作时使用的文件格式,当你辛辛苦苦写完一篇Word文档后,发现它因损坏而无法打开时,一定非常着急.其实,你不必心焦,因为我们还是有一些方法可以修复损坏文档,恢复受损文档中的 ...
用计算机编辑文档教学建议,长文档编辑在大学计算机基础教学中的应用
摘要:针对我国高校大学生本科期间普遍缺乏长文档编辑技能的现状,提出了在大学计算机基础课程增加长文档编辑教学的建议.长文档编辑要遵循规范的程序,必须使用样式和编号来保证格式和次序的统一,必须使用节来实现 ...
干掉 Postman？测试接口直接生成API文档，这个文档工具真香！
欢迎关注方志朋的博客,回复"666"获面试宝典实不相瞒我的收藏夹里躺着很多优质的开源项目,我有个爱好平时遇到感兴趣的开源项目都会记录下来,然后有时间在慢慢研究.前几天刚给同事分享 ...
如何利用 nbconvert将 IPYNB文档转换 Markdown文档？
简介: IPYNB文件是现在基于IPython开发工程人员记录和分析处理算法和数据记录文档.将该文档转换成其它格式可以方便面进行思想共享,工作汇报等.利用 nbconvert可以很方便将ipynb的 ...
unity3d api 中文文档_接口文档系统-showdoc安装部署
ShowDoc简介 ShowDoc是一个开源.免费的工具 ShowDoc是一个非常适合IT团队的在线API文档,技术文档工具,它可实现实时同步,用户无需花费过多的精力维护文档. 借助ShowDoc可以 ...
使用swagger作为restful api的doc文档生成——从源码中去提取restful URL接口描述文档...
初衷记得以前写接口,写完后会整理一份API接口文档,而文档的格式如果没有具体要求的话,最终展示的文档则完全决定于开发者的心情.也许多点,也许少点.甚至,接口总是需要适应新需求的,修改了,增加了,这份 ...

html根据文档定位,html文档中的location对象属性理解及常见的用法

html根据文档定位,html文档中的location对象属性理解及常见的用法相关推荐

最新文章

热门文章