JS学习——day2

DOM：

功能：控制HTML文档的内容

代码：获取页面标签（元素）对象Element

　　　　document.getElementById(“id值”)：通过元素的id获取元素的对象

操作Element对象：

　　　　修改属性值：①明确获取对象是哪一个？②查看API文档，找其中有哪些属性可以设置

　　　　修改标签体内容：属性：innerHTML  ①获取元素对象  ②使用innerHTML属性修改标签体内容

 

事件简单学习：

功能：某些组件被执行了某些操作后，触发某些代码的执行

如何绑定事件：

　　直接在HTML标签上，指定事件的属性（操作），属性值就是JS代码

　　　　事件：onclick-----单击事件

　　通过JS获取元素对象，指定事件属性，设置一个函数

 

BOM：

概念：浏览器对象模型

　　　　将浏览器的各个组成部分封装成对象

组成：window：窗口对象、Navigator：浏览器对象、Screen：显示器屏幕对象、History：历史记录对象、Location：地址栏对象

　　window窗口对象：

　　　　创建：

　　　　方法：

　　　　　　　与弹出框有关的方法：

　　　　　　　　　　alert()：显示带有一段消息和一个确认按钮的警告框

　　　　　　　　　　confirm()：显示带有一段消息以及确认按钮和取消按钮的对话框

　　　　　　　　　　　　　　如果用户点击确定按钮，则方法返回true

　　　　　　　　　　　　　　如果用户点击取消按钮，则方法返回false

　　　　　　　　　　prompt()：显示可提示用户输入的对话框

　　　　　　　　　　　　　　   返回值：获取用户输入的值

　　　　　　　与打开关闭有关的方法：

　　　　　　　　　　close()：关闭浏览器窗口

　　　　　　　　　　　　　　谁调用，就关闭那个窗口

　　　　　　　　　　open()：打开一个新的浏览器窗口，将网址赋在括号中可以打开具体网址的新窗口

　　　　　　　　　　　　　　会返回一个新的window对象

　　　　　　　与定时器有关的方法：

　　　　　　　　　　setTimeout()：在指定的毫秒数后调用函数或者计算表达式（一次性定时器）

　　　　　　　　　　clearTimeout()：取消由setTimeout()方法设置的timeout

　　　　　　　　　　setInterval()：按照指定的周期（以毫秒计）来调用函数或计算表达式（循环定时器）

　　　　　　　　　　clearInterval()：取消由setInterval()设置的timeout

　　　　属性：

　　　　　　　获取其他BOM对象：

　　　　　　　　　　history：

　　　　　　　　　　location：方法主要有两个，reload()用于重新加载当前文档，href用于设置或者返回完整的URL

　　　　　　　　　　Navigator

　　　　　　　　　　Screen

　　　　　　获取DOM对象

　　　　　　　　　　document

　　　　特点：①window对象不需要创建可以直接使用window.方法名();

　　　　　　　②window引用可以省略。 方法名()；