js笔记(7)

一.作用域:

                  作用域指一个变量的额作用范围。

                  在js 中的一共有两种作用区域:

                          1.全局作用域

                                ——直接编写在script标签中的js代码,都在全局作用域。

                              ——全局作用域在页面打开时创建,在页面关闭时销毁

                              ——在全局作用域中有一个全局对象window,他代表的是一个浏览器的窗口,它由浏览器创建我们可以直接使用。

                                ——在全局作用域中:

                                              创建的变量都会作为window对象的属性保存。

                                              创建的函数都会作为window对象的方法保存

                                  ——全局作用域中的变量都是全局变量,

                                              在页面的任意的部分都可以访问的。

                          2.函数作用域 

                                  ——调用函数时创建函数作用域,函数执行完毕以后,函数作用域销毁。

                                  ——没调用一次函数就会创建一个新的函数作用域,他们之间是相互独立的。

                                  ——在函数作用域中可以访问到全局作用域的变量。

                                              在全局作用域中无法访问到函数作用域的变量。

                                  ——当在函数作用域操作一个变量时,它会先在自身作用域中寻找,如果有直接使用,如果没有则向上一级作用域中寻找,直到找到全局作用域,如果全局作用域中依然没有找到,则会报错ReferenceError。

                                  ——在函数中要访问全局变量可以使用window对象。

二.获取元素的方式:

              一.

              1.getElenentsByClassName  根据类名获得某些元素的集合。

              2.  querySelector  返回制定选择器的第一个元素,切记里面的选择器需要加符号  .box    #nav

              3.querySelectorAll()返回指定选择器的所有元素对象集合。

              二.

                  1.获取body元素(var bodyEle = document.body);

                  2.获取html元素(var htmlEle = document.documentElement);

三.事件三要素:

      点击一个按钮,弹出对话框

              1.事件是由三部分组成①事件源 ②时间类型 ③ 事件处理程序 我们也称为事件三要素。

              ①:事件源  事件被触发的对象  谁    按钮

              ②:时间类型  如何触发  什么事件  比如鼠标点击(onclick)还是鼠标经过 还是键盘按下。

              ③:事件处理程序  通过一个函数赋值的方式  完成。

        常见的鼠标事件:

                  onclick                                    鼠标点击左键触发

                  onmouseover                        鼠标经过触发

                  onmouseout                          鼠标离开触发

                  onfocus                                  获得鼠标焦点触发

                  onblur                                    失去鼠标焦点触发

                  onmousemove                        鼠标移动触发

                  onmouseup                            鼠标弹起触发

                  onmousedown                        鼠标按下触发

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   JavaScript 与 HTML 之间的交互是通过事件实现的。   事件,就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 8,863评论 1 11
  • JavaScript 与 HTML 之间的交互是通过事件实现的。事件,就是文档或浏览器窗口中发生的一些特定的交互瞬...
    LemonnYan阅读 3,923评论 0 4
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 13,115评论 0 3
  • 11、数据类型检测与toString方法的理解 1,typeof value (检测一个值的类型:原始类型或者引用...
    萌妹撒阅读 4,276评论 0 0
  • 也许有那么一个时侯,你忽然会觉得很绝望,觉得全世界都背弃了你,活着就是承担屈辱和痛苦。这个时候你要对自己说,没关系...
    久丫头阅读 1,033评论 0 1