JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,一般用于网页开发,但是现在通过node.js,也可以用来开发服务端。

基础

数据类型

JavaScript 变量能够保存多种数据类型:数值、字符串值、数组、对象等等,可以使用typeof来判断对象的数据类型。

  • var length = 7; // number
  • var lastName = “Gates”; // string
  • var a; // undefined
  • var t = true; // boolean
  • var n = null; // object

    Array

    1. var cars = ["Porsche", "Volvo", "BMW"];
    2. var cars= new Array("Saab","Volvo","BMW");
    3. console.log(cars[0])
    4. console.log(cars.length)

    Object

    var x = {firstName:"Bill", lastName:"Gates"}; 
    var name = x.lastName;
    var name = x.firstName;
    

    函数

    function add2(x,y)
    {
     sum = x + y;
     return sum; 
    }
    

    运算符

  • “===”首先比较两边的变量数据类型是否相等,其次比较两边的变量的数值是否相等,”==” 表示相等即仅仅比较两边变量的数值是否相等,相等运算符”==”如果两个操作数不是同一类型,那么相等运算符会尝试一些类型转换,然后进行比较

浏览器

DOM

文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。
image.png
将HTML代码分解为DOM节点层次图:
image.png
HTML文档可以说由节点构成的集合,三种常见的DOM节点:
1. 元素节点:上图中、、

等都是元素节点,即标签。
2. 文本节点:向用户展示的内容,如

  • 中的JavaScript、DOM、CSS等文本。
    3. 属性节点:元素属性,如标签的链接属性href=”http://www.imooc.com"。
    看下面代码:
    JavaScript DOM
    image.png

    DOM对象

    • document.getElementById(“id”)
    • Object.innerHTML 属性用于获取或替换 HTML 元素的内容。
    • Object.style.property=new style; HTML DOM 允许 JavaScript 改变 HTML 元素的样式。
    • Object.style.display = value 网页中经常会看到显示和隐藏的效果,可通过display属性来设置。
    • object.className = classname className 属性设置或返回元素的class 属性。
    • setInterval:不停地调用函数,直到 clearInterval() 被调用或窗口被关闭
    • document.write() 直接向HTML输出流中写入数据
    • alert(字符串或变量) 输出警告消息对话框
    • confirm(str); 确认消息对话框
    • prompt(str1, str2); 提问消息对话框

      浏览器对象

    • window.open([URL], [窗口名称], [参数字符串]) 打开浏览器窗口

      事件监听

    • onclick 鼠标单击事件

    • onmouseover 鼠标经过事件
    • 鼠标移开事件,当鼠标移开当前对象时,执行onmouseout调用的程序。
    • onfocus 事件在对象获得焦点时发生。Onfocus 通常用于 ,