ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

JavaScript(八十八)BOM

2021-05-26 09:30:18  阅读:140  来源: 互联网

标签:窗口 访问 八十八 JavaScript url window 参数 BOM location


BOM(browser object model):浏览器对象模型

窗口树状结构

在这里插入图片描述

系统对话框:

widow方法:所有window开头的方法都可以省略

alert():警告框 <==> window.alert()
在这里插入图片描述
​ 注:所有的属性方法和变量都可以使用window访问

confirm(): 带确定和取消的提示框

​ 返回值:1.点击确定 返回值是true

​ 2.点击取消 返回值是false
在这里插入图片描述
prompt() 弹出带输入框的对话框
​ 参数:

​ 第一个参数:在面板上显示的内容

​ 第二个参数:在对话框中显示的默认值(可忽略)
在这里插入图片描述
返回值:1.点击确定 返回的输入框的内容

​ 2.点击取消 无返回值(null)

​open()

​ 参数:

​ 第一个参数:跳转的url

​ 第二个参数:字符串,给当前打开的窗口起个名字

​ 第三个参数:一些特殊含义的字符串。可以控制打开窗口的属性。
如果只写第一个参数,不写第二参数:那么在每一次触发open()的时候会不断打开新的窗口

如果写第二参数,那么在打开窗口时,那么在不断触发open()的时候只会开启一次新的窗口。因为已经为这个窗口赋予了名字,所以当你触发这个url地址时,它会自动找到你打开过的新窗口是否有同名,有就不打开了
在这里插入图片描述
下面是open()第三个字符串属性列表。这些属性不是所有浏览器兼容的。
在这里插入图片描述在这里插入图片描述

window属性:

history对象:保存用户上网的记录,从窗口被打开的那一刻算起(当前窗口的历史记录,只要加载的url不一样就会产生历史记录)

属性:

​ history.length history对象中的记录数

默认条数是1;注意是在当前窗口进行不同url跳转的才会被算做一条记录
在这里插入图片描述
方法:
​history.back() 前往浏览器历史条目前一个URL,类似后退

​ history.forward() 前往浏览器历史条目木下一个URL,类似前进

​ history.go(num)浏览器在history对象中向前或向后
参数:
1. 0 刷新当前页面
2. 正整数 前进n条记录
3. 负整数 后退n条记录
在这里插入图片描述
在url添加#号+数字更改地址

location对象(地址栏url)

​ url:统一资源定位符 协议://IP(域名)/:端口号/路径/?查询字符串#锚点

属性

location.protocal 访问url地址里的协议

​ 返回值:
file: 本地磁盘文件
​http:不安全
​https:证书认证协议

如果加载的是本地文件:那么协议就是本地磁盘文件协议file:(只能在当前电脑访问当前自己电脑的文件)
如果将文件放在服务器加载的话,那么协议就是http:或者https

location.hostname 主机名 访问ip(在全球范围内找到你当前网络的地址)或者访问域名(IP别称 因为ip会随网络环境的更换而更换,当然每个网站都有一个固定的ip。起别名是为了更好的记住这个网站)
在这里插入图片描述
ip访问百度:
在这里插入图片描述
域名访问网站:
在这里插入图片描述
location.port 访问端口号(默认隐藏的,一般访问不到)

端口号:系统给当前电脑正在使用的软件随机分配的编号 0-65535

hostname:port 可以直接定位到当前使用网络的程序。(完成精确投递)

浏览器默认端口号:8080 http默认端口号 80 https默认端口号 443(可以强制更改)
在这里插入图片描述

location.pathname 访问路径 访问到主机后某数据(比如某文件下的文件)

loaction.search 访问查询字符串 ?拼接的部分(前后端交互)

查询字符串:用?拼接,如果多个键值对,使用&拼接(例 ?name=‘baby’&vaule=123)

location.hash 访问锚点(在不刷新的情况下,在当前页面内发生跳转)
在这里插入图片描述
在这里插入图片描述
location.href 访问url地址: 数据类型string
在这里插入图片描述

location对象: 地址栏

​ 在BOM模型图中,可以看到有两个location一个是window.location,另一个是window.document.location

一般情况下:window.location==window.document.location true
(window可省略)

方法:

​ location.assign(url)

​ 功能:在当前窗口进行跳转到这个url。可以返回到原来的窗口。会产生历史记录。
在这里插入图片描述
​ location.replace(url) 不会产生历史记录

​ 功能:在当前窗口直接跳转url(当前窗口的url被replace里的url替换)。无法返回到原来的窗口
在这里插入图片描述
location.reload()

功能:刷新窗口

参数: true 不经过浏览器缓存,强行从服务器重载(go会缓存

标签:窗口,访问,八十八,JavaScript,url,window,参数,BOM,location
来源: https://blog.csdn.net/weixin_44730244/article/details/117278450

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有