引用
1.内部引用 注意:按网页解析顺序,先引用先调用。一般放最后
<script>
</script>
2.外部引用
<script src="引用的js的文件夹" type="text/javascript" charset="utf-8"></script>
数据类型
1.JavaScript(以下简称js)的数据类型分为两种:原始类型(即基本数据类型)和对象类型(即引用数据类型);
2.js常用的基本数据类型包括undefined、null、number、boolean、string;
3.js的引用数据类型也就是对象类型Object,比如:Object、array、function、data等
类型之间会相互转换。按字面意思转换。然后注意转换为nunber不正确时会转换为NaN;
变量定义
var 一般为局部变量; 但现在详细解释为:var定义的变量在方法内为局部变量,定义在方法外为全局变量; let 局部变量:属于js的严格模式里定义的语句 不定义 全局变量
流程控制语句
if…else swithch(){case} while(){} do…while for 和java语法全程相同
方法
定义方法 : 注意:形式参数因为数据类型定义都是var,所以不用写。 js中方法名相同不会报错,但后面那个方法会覆盖前面个方法
function 方法名称 (形式参数){
方法体
}
var 方法名 = function(形式参数){
方法体
}
对象
定义: var 对象名 =new xxxx(); (xxxx指的是你定义的对象的名称) emmmmm 表达的不是很准确,和java new对象基本相同。 Math不用创建对象,直接可以Math.方法名调用方法 正则表达 这个有点特殊。
DOM
Document Object Model 文档对象模型 功能:控制html文档的内容 获取页面的标签(元素)对象Element  什么是 HTML DOM? HTML DOM 是:
HTML 的标准对象模型 HTML 的标准编程接口
Document:文档对象 Element:元素对象 Attribute:属性对象 Text:文本对象 Comment:注释对象 node:节点对象 是上面5个对象的父对象。
- Document:文档对象
1. 创建(获取):在html dom模型中可以使用window对象来获取 1. window.document 2. document 2. 方法: 1. 获取Element对象: 1. getElementById() : 根据id属性值获取元素对象。id属性值一般唯一 2. getElementsByTagName():根据元素名称获取元素对象们。返回值是一个数组 3. getElementsByClassName():根据Class属性值获取元素对象们。返回值是一个数组 4. getElementsByName(): 根据name属性值获取元素对象们。返回值是一个数组 2. 创建其他DOM对象: createAttribute(name) createComment() createElement() createTextNode()
- Element:元素对象
1. 获取/创建:通过document来获取和创建 2. 方法: 1. removeAttribute():删除属性 2. setAttribute():设置属性 * Node:节点对象,其他5个的父对象 * 特点:所有dom对象都可以被认为是一个节点 * 方法: * CRUD dom树: * appendChild():向节点的子节点列表的结尾添加新的子节点。 * removeChild() :删除(并返回)当前节点的指定子节点。 * replaceChild():用新节点替换一个子节点。 * 属性: * parentNode 返回节点的父节点。
document.getElementById("ID值") //通过元素id获取id值
对象.inberHTML // 修改对象内容
事件
功能:某些组件被执行某些操作后,触发某些代码的执行 获取对象 绑定事件 1.直接在html标签上,指定事件的属性,属性值就是js代码
事件监听机制: * 概念:某些组件被执行了某些操作后,触发某些代码的执行。 * 事件:某些操作。如: 单击,双击,键盘按下了,鼠标移动了 * 事件源:组件。如: 按钮 文本输入框… * 监听器:代码。 * 注册监听:将事件,事件源,监听器结合在一起。 当事件源上发生了某个事件,则触发执行某个监听器代码。
* 常见的事件:
1. 点击事件:
1. onclick:单击事件
2. ondblclick:双击事件
2. 焦点事件
1. onblur:失去焦点
2. onfocus:元素获得焦点。
3. 加载事件:
1. onload:一张页面或一幅图像完成加载。
4. 鼠标事件:
1. onmousedown 鼠标按钮被按下。
2. onmouseup 鼠标按键被松开。
3. onmousemove 鼠标被移动。
4. onmouseover 鼠标移到某元素之上。
5. onmouseout 鼠标从某元素移开。
5. 键盘事件:
1. onkeydown 某个键盘按键被按下。
2. onkeyup 某个键盘按键被松开。
3. onkeypress 某个键盘按键被按下并松开。
6. 选择和改变
1. onchange 域的内容被改变。
2. onselect 文本被选中。
7. 表单事件:
1. onsubmit 确认按钮被点击。
2. onreset 重置按钮被点

BOM
概念:Browser object Model 览器对象模型
浏览器对象: 地址栏、窗口对象、历史记录对象、显示器对象、
window对象: 不需要创建,直接window.方法名(); 也可以自己 方法名();调用
与弹出框有关的方法:
alert(""); //显示带有一段消息和一个确认按钮的警示框 (只有确定按钮)
confirm(""); // 显示带有一段消息和一个确认按钮的对话框( 有确定和返回按钮)
用户点击确认,则返回 true
用户点击取消,则返回false
prompt(""); //显示用户输入框
与开发关闭有关的方法:
open("打开新窗口的地址"); //打开新窗口方法,有点像a标签,但这个是用方法的
close()//关闭窗口
与定时器相关的方法:
setTimeout("方法",时间单位ms); //多少时间后执行该方法 一次性
clearTimeout(要取消的定时器的对象); //取消定时器
setInteval("方法",时间单位ms); //多少时间后执行该方法 循环的
clearInteval(要取消的定时器的对象); //取消定时器
轮播图:  常用属性 详情可以看w3c 引用其他对象: document history 历史记录对象 navigator location 地址栏对象 location.href="";跳转方法
|