JS知识点总结
一:什么是JavaScript?
JavaScript是一种流行的脚本语言,是一种轻量级的脚本语言。
- JavaScript可以实现的功能:
- 直接写入HTML的输出流;比如:documen.write
- 实现对事件的反应;比如:click
- 改变HTML的内容;比如:innnerHTML
- 改变HTML的图像
- 改变HTNL的样式;比如:x.style.color
- 用于验证输入
二:JavaScript的使用:
1.JavaScript的输出:
- window.alert():弹出警告框
- document.write():把内容写入到HTML文档中 //如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖.
- innerHTML():写入到HTML元素
- Console.log():将结果打印到浏览器控制台
- JavaScript的注释:
- 单行注释://
- 多行注释:以/*开头 以*/结尾
- 声明变量:
- 全局变量:var
- 局部变量:let
- 一次声明多个变量:以var开头,变量之间以逗号隔开,比如:var a,b,c =10;
- JavaScript数据类型:
- 字符串:使用单引号或者双引号括起来
- 数字:可以带小数点,也可以不带
- 布尔:true或者false
- 数组:三种创建方式:
var cars=new Array();
var cars=new Array("Saab","Volvo","BMW");
var cars=new Array("Saab","Volvo","BMW");
- NULL 和UNDIFINED
- 对象
- 创建对象:可以使用字符来定义和创建 JavaScript 对象
var student={name:”zhangsan”,age:”10”}
- 对象属性:通常认为 "JavaScript 对象是键值对的容器"。键值对通常写法为 name : value (键与值以冒号分割)。
- 函数
- 语法:
function functionname()
{
// 执行代码
}
- 调用带参数的函数:function myFunction(var1,var2){代码}
- 带有返回值的函数:function myFunction(){var x=5;return x;}
- 常见的事件
- onchange:HTML 元素改变
- onclick:用户点击 HTML 元素
- onmouseover:鼠标指针移动到指定的元素上时发生
- onmouseout:用户从一个 HTML 元素上移开鼠标时发生
- onkeydown:用户按下键盘按键
- onload:浏览器已完成页面的加载
- 字符串的常用方法:
- charAt():返回指定索引位置的字符
- concat():连接两个或多个字符串,返回连接后的字符串
- match():匹配正则表达式
- slice():提取字符串的片断,并在新的字符串中返回被提取的部分
- 运算符:
与java类似,特别的“===”是内容和数据类型都相同。
- 条件语句:
和java差不多
- 类型转换:
- String()可以将数字类型转化为字符串;Number的toString()也有同样的效果。
- 解析一个字符串,返回一个整数:parseInt()
- 布尔值转化为数字Number(false)
- 正则表达式
/正则表达式语句/
- 表单
表单自动提交验证:required属性
- this关键字
- JS函数
- Function()构造函数
- 自调用函数
四 .DOM
- Window方法
- window.open() - 打开新窗口
- window.close() - 关闭当前窗口
- window.moveTo() - 移动当前窗口
- window.resizeTo() - 调整当前窗口的尺寸
- window History
- history.back() - 与在浏览器点击后退按钮相同
- history.forward() - 与在浏览器中点击向前按钮相同
- Window history.back()方法加载历史列表中的前一个 URL
- 计时
- setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
- setTimeout() - 在指定的毫秒数后执行指定代码。
- clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。