javaScript的学习

javaScript的学习

---

一、BOM编程

BOM是（Broswer Object Model） 浏览器对象模型编程。在网页被加载后，js引擎会将我们的浏览器的各个部分封装成对象，我们通过操作这些不同的对象，来实现一些效果，这就叫BOM编程。

1.1 BOM常用对象

1. 窗口对象：Windows对象
2. 地址栏对象：location
3. 历史记录栏对象：history

浏览器在Console页面也可修改代码

1.2 BOM在JavaScript中的函数运用

1. 弹出一个提示框：

window.alert(" ");

2. 弹出一个输入框，并弹出输入的内容：

var name=window.prompt( , );
window.alert(name);

3. 弹出一个确认框，点击确定返回true，点击取消返回false：

var result=window.confirm(" ");
window.alert(result);

4. 自定义弹出框：自定义弹出框——web弹层组件

1.3 console用法分析

console.log("日志");
console.warm("提示");
console.error("错误");
console.log(1);

1.4 与计时相关的方法

setTimeout(函数名,间隔毫秒数)——指几秒后执行一次
setInterval(函数名,间隔毫秒数)——指每隔几秒执行一次
clearInterval(计时器对象名)——清除定时器
clearTimeout(计时器对象名)——清除定时器

1.5 获取网页元素

console.log(document);

——获取元素 document网页

1.5.1 根据id获取一个元素

var box=document.getElementById("box");

1.5.2 根据class获取元素，只要class包含即可

document.getElementsByClassName("box");
console.log(divs);

1.5.3 根据name获取元素

var names=document.getElementsByName("box");
console.log(name[0]);

1.5.4 根据标签名获取元素

var div=document.getElementsByTagName("div");
console.log(div);

1.5.5 根据选择器选择一个元素

var element=document.querySelector("[name=box]");
//var element=document.querySelector("#box");
console.log(element);

1.5.6 根据选择器选择所有元素，返回的一定是一个数值

var elements=document.querySelectorAll(".box");
console.log(elements);

1.6 修改元素内容

document.getElementById("id");

1.7 location

href属性： 代表的是地址栏的URL，可以获取和设置URL。URL表示统一资源定位符
reload方法： 刷新当前页面
需求：实现每隔一秒刷新一次页面

1.8 history

浏览器之前已经访问过的页面

1. forward()：前进到下一页
2. back()：后退到上一页
3. go()：跳转到某页