首页 > PHP资讯 > HTML5培训技术 > JavaScript概述

JavaScript概述

HTML5培训技术
前言

1.什么是javascript?
在浏览器端执行一种 ver 鼠标移入事件
2. onmouseout 鼠标移出事件
3. onclick 鼠标单击事件
4. ondblClick 鼠标双击事件
注: 函数 setTimeout("",);
5. onmousemove 鼠标的移动事件
6. onblur 鼠标失去焦点事件
7. onfocus 鼠标获得焦点事件
8. onmousedown 鼠标按下事件
9. onmouseup 鼠标弹起事件

10. onload 页面载入完成事件
11. onsubmit 表单提交事件 函数返回true表单提交
onsubmit=" return Function"

12. onchange 失去焦点并且值发生改变事件

13. onkeyup 键盘弹起事件
14. onkeydown 键盘按下事件

15 onscroll 滚动条滚动
16. onresize窗口变大变小
17. onmove窗口移动

18.onmousemove事件代码示例

在function中怎么获得事件


1. 传递event对象到function中


2.this表示当前标签对象

DOM(Document Object Model,文档对象模型)


由W3C定义的一组规范一组API 用来操作HTML对象

1.直接获得标签对象


1) document.getElementById("id属性值") 通过ID来获得对应的标签对象
2) document.getElementsByTagName("标签名称") 根据标签名称来获得一组标签,返回数组对象
3) document.getElementsByName("name属性值"); 根据name属性值来获得一组标签,返回数组对象

4)缩放图片代码示例


2.间接获得标签对象


1) 父标签.childNodes 获得当前标签的所有孩子节点,返回数组对象
2) 父标签.firstChild 获得第一个孩子节点
3) 父标签.lastChild 获得最后一个孩子节点
4) 标签.nextSibling 获得下一个兄弟节点
5) 标签.previousSibling 获得前一个兄弟节点


3.创建节点对象


1) document.createElement("标签名称") 创建一个对应的标签对象
2) document.createTextNode("文本值"); 创建一个文本节点对象

3)动态表格代码示例


4.操作标签


1) 父标签.appendChild(子节点); 将一个标签追加到父标签当中
2) 父标签.removeChild(子节点); 删除子节点
3) 父标签.insertBefore(newElement,targetElement); 在目标元素之前插入一个新元素
4) 父标签.replaceChild(newElement,oldElement); 用新元素替换掉旧的元素


5.其他操作


1)标签.style.样式属性 = 属性值; h1.style.backgroundColor = "red";
2) 标签.innerHTML 获得或者设置元素的标签体
3) 文本节点.nodeValue 获得文本节点值
4) 标签.parentNode 获得父节点

5)在页面显示时间代码示例

select下拉列表的特性


1. select对象默认存在一个用来存放option对象的数组
2. select对象.options 获得option数组对象
3. select对象.selectedIndex 获得当前访问的option对象在数组中的位置

4.select对象.options.length=0;清空i数组。
5.自动填充下拉框代码示例



总结

javascript语法


a.基本知识
1. 大小写敏感、标识符命名前面$ _ 字母 开头,后面接上 字母 数字 _ $

2.语句后面接上;
b.变量
1.javascript 是弱类型数据语言,变量在定义的时候不需要接上 类型。
2. javascript中使用var 定义变量。
c.数据类型
1, 数字类型 number 包括整数和浮点数
2.字符串 string "张三" '张三'
3.布尔类型 true/false 非0 /0 非null/null
4.特殊类型:
undefined 为定义 ,两种情况:
1).变量定义之后没有赋值
2).变量没有定义
null 为空
NaN 不是一个数字 ,非数字。
java 123/"1" 这个不行
javascript 123/"1" 可以
比如:123/"abc" NaN

d.类型转换
e.运算符和表达式
f.流程控制语句和循环语句
g.函数
1. 使用function来定义函数
2. function 函数名(参数列表){方法体}
h.Object 对象
i.数组
javascript数组特点:
1.数组长度可以改变 。
2.数组中可以存放任意类型的数据。
数组的创建:
var arr=new Array();
var arr=[1,2,3,4];


parseInt(i);字符串----->number 整数
parseFloat(i);字符串----->number 小数
toString();number----->字符串

j.String 字符串
创建方式:
var str="hello";
var str=new String("hello");
k.对象
Date Math

HTML5培训技术

本文由欣才IT学院整理发布,未经许可,禁止转载。
支持31不支持0