JavaScript

JavaScript三种声明方式:

1.< 标签 onmouseover = " alert ( ' 需要弹出的内容 ' ) " >

2.在head标签中title标签下面写入 < script type = "text/javascript">< /script >标签

然后在标签中写入script语句

3.另外新建javascript文件,将script语句写入其中,在head标签中,title标签下写入 < script type = "text/javascript" src = " javascript文件路径"></script>

JavaScript定义函数:

function 函数名([形参1,形参2.....]){

[函数内容]

[return 返回值]

}

调用函数时,直接 函数名([实参]);

系统函数:

var str = "123";

var st="asdf";

//在没有转换之前是字符串进行拼接

document.write(str+1);

document.write("<br/>");

//调用将字符串转换成整数类型的参数 再相加就是算术运算了

document.write(parseInt(str)+1);

document.write("<br/>");

var floa = "1.12";

//同样的,将字符串转换成浮点类型的

document.write(parseFloat(floa)+1);

document.write("<br/>");

//计算表达式的结果

document.write(eval(1==2));

document.write("<br/>");

//判断一个字符串是否不是数字 是数字返回false 不是数字返回true

document.write(isNaN(1));

document.write("<br/>");

//将字符转换成Unicode码

document.write(escape("这是一个密码,别动,咬手"));

document.write("<br/>");

var a=escape("这是一个密码,别动,咬手");

//将unicode码转换成字符串

document.write(unescape(a));

常见的事件:

abort 终止正在加载的对象

blur 失去焦点

focus 获取焦点

change 改变对象的值

click 在对象上单击

dblclick 在对象上双击

drogdrop 拖拽对象

error 加载文件或图形时发生错误

keydown 按下键盘上任意键的瞬间

keypress 按下键盘上任意键时

keyup 按下键盘上任意键弹起的瞬间

load 浏览器读入文件时

unload 关闭当前网页时

mousedown 按下鼠标左键时

mousemove 移动鼠标指针时

mouseout 鼠标指针离开某对象时

mouseover 鼠标悬浮到某对象上面时

mouseup 放开鼠标左键时

move 窗口被移动时

resize 窗口大小被改变时

select 选择某对象时

submit 单击表单上的submit按钮

reset 单击表单上的reset按钮

JavaScript对象

Array数组:

length 返回数组的长度属性

join(); 将数组拼接成一个字符串,并用指定的字符将元素分隔开

reverse(); 将数组中的元素顺序颠倒

 

 

String字符串:

length 返回字符串的长度

indexof(""); 返回指定字符串所在的下标

replace(a,b); 替换指定的字符串

substr(a,b); 从指定字符开始,截取几个字符

substring(a,b); 从指定字符串开始截取到指定的字符串

toLowerCase(); 将字符串中的元素全部转换成大写

toUpperCase(); 将字符串中的元素全部转换成小写

Math数值计算:

abs(x); 绝对值

ceil(x); 返回一个大于等于本身的最小整数

floor(x); 返回一个小于等于本身的最大整数

max(a,b); 返回两个数值当中较大的那个

min(a,b); 返回两个数值当中较小的那个

pow(a,b); 返回a的b次方

random(); 返回一个0~1之间的随机数

round(x); 四舍五入

Date时间:

getYear(); 返回年份的值

getMonth(); 返回月份的值

getDate(); 返回日的值

getHours(); 返回小时

getMinutes(); 返回分钟

getSeconds(); 返回秒

getDay(); 返回星期几

getTime(); 返回完整的时间,毫秒数

set...(); 设置时间里面的值,跟get一样

DOM浏览器对象:

窗口对象window 顶层对象,表示浏览器打开的窗口

方法:

alert(字符串) 用来传送一个警告信息的窗口

confirm(字符串) 打开一个具有选择的对话框,点击确认返回

true,点击取消返回false

可以根据返回的结果进行操作

prompt(字符串) 一个可输入的窗口,并将输入内容返回

历史对象history 历史记录

方法:

back(); 返回到上一页

<a href="javascript:history.back()">上一页</a>

forward(); 跳转到下一页

<a href="javascript:history.forward()">下一页</a>

go(整数或url); 跳转到指定页面,-1为上一页

地址对象location 代表特定窗口的URL信息

属性:

href 完整的url字符串

文本对象document 代表当前的html对象

属性:

links 文件中的所有连接,以数组索引值表示

images 文件中的所有images,以数组索引值表示

forms 文件中的所有表单,以数组索引值表示

方法:

getElementById("id") 通过id获取页面元素

getElementsByTagName("TagName")通过标签名获取页面元素

getElementsByClassName("ClassName")通过Class属性获取页面元素

getElementsByName("Name") 通过Name属性获取页面元素

自定义对象:

//创建一个有参的构造方法

function ment(name,sex){

//将传进来的参数直接赋值给属性

this.name = name;

this.sex = sex;

//将定义的方法传进来赋给对象的方法

this.disply = disply;

}

//自定义的方法

function disply(){

//打印语句

document.write("姓名" + this.name + ":" + "性别" + this.sex);

}

//创建对象,并接收

var men = new ment("张三","男");

//通过对象名调用方法

men.disply();

DOM操作:

//添加方法

function addbutton(){

//创建元素

var element = document.createElement("li");

//获取输入框内的值

var text = document.getElementById("in_text").value;

var text1 = document.getElementById("in_text1").value;

//将输入框里获取的值赋给新元素的属性

element.setAttribute("name",text1);

//将输入框里的值赋给新创建的元素

element.innerHTML=text;

//获取父元素标签

var father = document.getElementById("fatherid");

//将新元素插入到父元素下的所有子元素后面

father.appendChild(element);

}

//插入方法

function insertbutton(){

//创建元素

var element = document.createElement("li");

//获取输入框内的值

var text = document.getElementById("in_text").value;

//将输入框里的值赋给新创建的元素

element.innerHTML=text;

//获取父元素标签

var father = document.getElementById("fatherid");

//将新元素插入到父元素下指定元素的前面

father.insertBefore(element,document.getElementById("sonid"));

}

//删除方法

function deletebutton(){

//获取输入框内的值

var text1 = document.getElementById("in_text1").value;

var name = document.getElementsByName(text1);

//获取父元素标签

var father = document.getElementById("fatherid");

//删除指定的元素

for(var i = 0 ; i < name.length ; i++){

father.removeChild(name[i]);

}

}

//替换的方法

function replacebutton(){

//创建一个新的元素

var element = document.createElement("li");

//获取新节点输入框里面的值

var text = document.getElementById("in_text").value;

//将获取过来的值,赋给新的元素

element.innerHTML = text;

//获取父元素

var father = document.getElementById("fatherid");

//获取旧节点输入框里面的name属性值

var text1 = document.getElementById("in_text1").value;

//通过获取来的值当做属性值进行查询,得到元素集合

var names = document.getElementsByName(text1);

for(var i = 0 ; i < names.length ; i++){

//将新元素插入到旧元素的前面

father.insertBefore(element,names[i]);

//将旧元素删除

father.removeChild(names[i]);

}

}

 

元素的操作:

//创建元素

document.createElement("元素名");

 

//将元素添加到所有元素后面

父元素.appendChild(element);

 

//插入元素,有参数就是插入到指定参数前面,没有就所有元素最后

父元素.insertBefore(element,参照元素);

 

//删除元素

父元素.removeChild(子元素对象);

 

//查找元素

元素.parentNode() 父节点

元素.childNodes() 所有子元素

元素.nextSibling() 后一个兄弟元素

元素.PreviousSibling() 前一个兄弟元素

 

//替换元素

父节点.replaceChild(新节点,旧节点)

 

//克隆节点 如果为true 则此节点的所有子节点和内容也都会被克隆

var 新节点 = 被克隆节点.cloneNode(turn|false)

 

//设置属性

setAttribute("属性名","属性值")

 

//获取属性

setAttribute("属性名");

 

//移除属性

removeAttribute("属性名");

 

//获取元素内容

元素.innerHTML

 

//设置内容,如果直接空的双引号则是清空内容

元素.innerHTML=新内容

 

创建文本节点

createTextNode(文本内容)