javaScript重点知识总结.docx

1、JavaScript 显示数据JavaScript 可以通过不同的方式来输出数据：使用window.alert()弹出警告框。使用document.write()方法将内容写到 HTML 文档中。使用innerHTML写入到 HTML 元素。使用console.log()写入到浏览器的控制台。实例：document.getElementById(demo).innerHTML = 段落已修改。;document.write(这是一个标题);/write可以直接写入格式！2、JavaScript 数据类型var length = 16; / Number 通过数字字面量赋值 var points = x * 10; / Number 通过表达式字面量赋值var lastName = Johnson; / String 通过字符串字面量赋值var cars = Saab, Volvo, BMW; / Array 通过数组字面量赋值var person = firstName:John, lastName:Doe; / Object 通过对象字面量赋值var cars=new Array();cars0=Saab;cars1=Volvo;cars2=BMW;3、JavaScript事件HTML 事件可以是浏览器行为，也可以是用户行为。以下是 HTML 事件的实例：HTML 页面完成加载。HTML input 字段改变时。HTML 按钮被点击。右图是常见的事件(前面都有on)事件有三种写法，举onclick为例：现在的时间是?现在的时间是?现在的时间是? /后面再写函数实现方式。4、JavaScript 字符串var carname = Volvo XC60; var character = carname7; /字符串的索引从 0 开场JavaScript本身对单引号还是双引号没有区别。一般都用双引号，两个都存在时，再考虑。使用内置属性length来计算字符串的长度，不是方法(函数)，所以没有括号()。字符串也可以是对象。5、JavaScript 验证 API约束验证 DOM 方法实例：6、JavaScriptJSONJSON 是用于存储与传输数据的格式。JSON 通常用于效劳端向网页传递数据。不是网页向效劳端。JSON 实例sites: name:Runoob, url:, name:Google, url:, name:Taobao, url: JSON键值对都是要有引号的。但是JavaScript对象，前面是没有引号的，后面也只有字符串才有引号。varperson = firstName:John, lastName:Doe, age:50, eyeColor:blue;使用 JavaScript 内置函数 JSON.parse() 将JSON字符串转换为 JavaScript 对象:var obj = JSON.parse(text);JSON.stringify() 方法用于将 JavaScript 值转换为JSON字符串。7、JavaScript函数Arguments 对象(就是函数的参数对象)JavaScript 函数有个内置的对象 arguments 对象。argument 对象包含了函数调用的参数数组。通过这种方式你可以很方便的找到最大的一个参数的值：函数作为方法被调用8、JavaScriptHTML DOM通过 id 找到 HTML 元素通过标签名找到 HTML 元素通过类名找到 HTML 元素本例查找 id=main 的元素，然后查找 id=main 元素中的所有 元素：实例。找到该元素，那么该方法将以对象在 x 中的形式返回var x=document.getElementById(main);var y=x.getElementsByTagName(p);(1) 改变 HTML 输出流document.write(Date();(2) 改变 HTML 内容document.getElementById(p1).innerHTML=新文本!;(3) 改变 HTML 属性document.getElementById(id).attribute=新属性值document.getElementById(image).src=landscape.jpg; /本例改变了img元素的src属性(4) 改变 HTML 样式document.getElementById(p2).style.color=blue; /点击后变颜色，这点常用。9、JavaScript对象这个例子创立了对象的一个新实例，并向其添加了四个属性：实例person=new Object();person.firstname=John;person.lastname=Doe;person.age=50;person.eyecolor=blue;10、JavaScriptWindow - 浏览器对象模型所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。全局变量是 window 对象的属性。全局函数是 window 对象的方法。甚至 HTML DOM 的 document 也是 window 对象的属性之一：window.document.getElementById(header);及此一样：document.getElementById(header);11、JavaScript弹窗(1) 警告框 window.alert()方法可以不带上window对象，直接使用alert()方法。(2) 确认框 window.confirm()方法可以不带上window对象，直接使用confirm()方法。3) 提示框 window.prompt()方法可以不带上window对象，直接使用prompt()方法。12、JavaScript计时事件setInterval() - 间隔指定的毫秒数不停地执行指定的代码。setTimeout() - 暂停指定的毫秒数后执行指定的代码。(1) setInterval() 方法window.setInterval(javascript function,milliseconds);window.setInterval()方法可以不使用window前缀，直接使用函数setInterval()。setInterval() 第一个参数是函数function。第二个参数间隔的毫秒数如：setInterval(function()alert(Hello),3000);(2) setTimeout() 方法setTimeout(function()alert(Hello),3000);第 8 页