文档章节

JavaScript零基础入门——(十四)JavaScript的BOM

JandenMa
 JandenMa
发布于 07/08 01:41
字数 789
阅读 27
收藏 0

JavaScript零基础入门——(十四)JavaScript的BOM

大家好,欢迎回到我们的JavaScript零基础入门。上一节课我们了解了JavaScript的事件,这一节课,我们以JavaScript的BOM,来结束JavaScript的基础课。

其实,我们日常开发中,如果不是做前端架构,一般情况下,对BOM的操作其实并不会太多,当然,H5的话也可以借助BOM来定位和判断网络,这个以后再说。

对于BOM的操作,我们常用的有Location、Navigator、History和弹窗,我们分别来说一下。

  • Location

window.location通常是用来获取或重定向当前窗口的页面网址,即URL,常用的属性有以下几个:

  1. location.href:获取页面网址,也就是地址栏上的地址;
  2. location.hostname:获取web主机域名,例如www.xxx.com;
  3. location.port:获取端口号;
  4. location.pathname:获取当前页面的路径和文件名;
  5. location.protocol:返回当前页面所使用的web协议(file、http、https等)。
  • Navigator

window.navigator通常是用来获取访问者浏览器的相关信息,主要属性如下:

  1. navigator.platform:获取运行浏览器的操作系统平台;
  2. navigator.userAgent:获取由客户机发送服务器的 user-agent 头部的值;
  3. navigator.appVersion:获取浏览器的平台和版本信息
  • History

window.history通常用来获取浏览器的浏览历史,常用属性主要如下:

  1. history.forward():浏览器历史前进,与点击浏览器前进按钮一样;
  2. history.back():浏览器历史后退,与点击浏览器后退按钮一样。
  • 弹窗

在JavaScript中,可以创建三种消息框:警告框、确认框、提示框。

警告框(alert)经常用于确保用户可以得到某些信息。当警告框出现后,用户需要点击确定按钮才能继续进行操作。

确认框通常用于验证是否接受用户操作。当确认卡弹出时,用户可以点击 "确认" 或者 "取消" 来确定用户操作。当你点击 "确认",确认框返回 true, 如果点击 "取消", 确认框返回 false。

提示框经常用于提示用户在进入页面前输入某个值。当提示框出现后,用户需要输入某个值,然后点击确认或取消按钮才能继续操纵。如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为 null。

好了,这节课就讲这么多,我们的JavaScript基础课到这里也就结束了,下一节课讲什么呢,等我好好想想,大家想听什么入门课程,可以给我留个言。

                                                                                                       

如果想跟着振丹继续学习,可以微信关注【振丹敲代码】(微信号:JandenCoding)

新博文微信同步推送,还附有讲解视频哦~

也可直接扫描下方二维码关注。

© 著作权归作者所有

共有 人打赏支持
JandenMa
粉丝 11
博文 27
码字总数 26392
作品 0
汕头
JavaScript零基础入门——(十三)JavaScript的事件

JavaScript零基础入门——(十三)JavaScript的事件 大家好,欢迎回到我们的JavaScript零基础入门。上一节课,我们了解了JavaScript定时器,也演示了一些比较经典的例子,其实我们已经用到了...

JandenMa
07/01
0
0
JavaScript零基础入门——(八)JavaScript的数组

JavaScript零基础入门——(八)JavaScript的数组 欢迎大家回到我们的JavaScript零基础入门,上一节课我们讲了有关JavaScript正则表达式的相关知识点,便于大家更好的对字符串进行处理。这一...

JandenMa
06/19
0
0
前端学习之路(从入门到入坑...)

学习前端两年多了,拿了阿里巴巴实现offer,想结合个人经历总结的前端入门方法,总结从零基础到具备前端基本技能的道路、学习方法、资料。由于能力有限,不能保证面面俱到,只是作为入门参考...

阿小庆
06/14
0
0
JavaScript零基础入门——(十一)JavaScript的DOM操作

JavaScript零基础入门——(十一)JavaScript的DOM操作 大家好,欢迎回到我们的JavaScript零基础入门。最近有些同学问我说,我讲的的比书上的精简不少。其实呢,我主要讲的是我在开发中经常会...

JandenMa
06/25
0
0
JavaScript零基础入门——(十二)JavaScript的定时器

JavaScript零基础入门——(十二)JavaScript的定时器 大家好,欢迎回到我们的JavaScript零基础入门。上一节课我们讲了JavaScript中一些常用的DOM操作,这里要补充一个点,上节课讲的table几...

JandenMa
06/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

HTTPS is easy

HTTPS is easy https://www.troyhunt.com/https-is-easy/ HTTPS is easy! In fact, it's so easy I decided to create 4 short videos around 5 minutes each to show people how to enable ......

openthings
27分钟前
0
0
bugList 2

用户端: 1. 上传文件时,当选择:彩色-A3-双面时,第二个图片有bug 应改为 和第一个图片的类型相同 2. 确认打印时,三个下拉选目前有bug 应改为:根据后台配置的商家,group by计算出不同城...

勇恒
30分钟前
2
0
keras cnn 网咯 mnist 分类

搭建貌似比tf是简单很多。。。。。 from keras.datasets import mnistfrom keras.utils import np_utilsfrom keras.models import Sequentialfrom keras.layers import Dense, Activat......

阿豪boy
33分钟前
0
0
解决 /var/run/nginx.pid failed

nginx: [error] open() "/var/run/nginx.pid" failed (2: No such file or directory) sudo nginx -c /etc/nginx/nginx.conf nginx -s reload...

驛路梨花醉美
34分钟前
0
0
nginx负载均衡-ssl原理-生成ssl密钥对-nginx配置ssl

nginx负载均衡: 1.创建配置文件 vim /usr/local/nginx/conf/vhost/load.conf #添加以下内容: upstream qq_com #名字自定义,借助此模块定义多个IP,后面...

ZHENG-JY
34分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部