JavaScript基础三

Posted 2021-01-13 Python小白白白白白白

一、BOM

1、windows对象

所有浏览器都支持 window 对象。它表示浏览器窗口。

一些常用的Window方法：

window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度
window.open() - 打开新窗口
window.close() - 关闭当前窗口

 

2.windows子对象

navigator对象

//web浏览器全程
navigator.appCodeName;
"Mozilla"

// Web浏览器厂商和版本的详细字符串
navigator.appVersion;
"5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (Khtml, like Gecko) Chrome/69.0.3497.100 Safari/537.36"

// 客户端绝大部分信息
navigator.userAgent;
"Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36"

// 浏览器运行所在的操作系统
navigator.platform;
"Win32"

 

screen对象

screen.availWidth - 可用的屏幕宽度
screen.availHeight - 可用的屏幕高度

 

history对象

window.history 对象包含浏览器的历史。

浏览历史对象，包含了用户对当前页面的浏览历史，但我们无法查看具体的地址，可以简单的用来前进或后退一个页面。

// 前进一页
history.forward();

// 后退一页
history.back();

 

location对象

window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。

常用属性和方法：

// 获取当前url
location.href;

// 跳转到指定页面
location.href="https://www.google.com.hk";

// 重新加载页面
location.reload();

 

3.弹出框

可以在 javascript 中创建三种消息框：警告框、确认框、提示框。

 

警告框

//警告框
alert(‘哈哈‘);

 

确认框

确认则返回true，取消返回False

// 确认框
confirm("是否需要进行QQ登陆");

 

提示框

如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null。

// 提示框
prompt("1+1=?","请输入答案");

 

4.计时相关

setTimeout(‘JS语句‘,毫秒)           过了X毫米之后执行JS语句

setInterval(‘JS语句‘,毫秒)            每隔X毫秒执行JS语句

 

两个方法都会返回任务的ID值

 

clearTimeout(ID值)　　　　　　取消setTimeout() 方法的任务

clearInterval(ID值)　　　　　　 取消clearInterval() 方法的任务

 

两个方法的都需要填入相应的ID值才能取消任务