一、javaScript
1.javaScript历史
javaScript是由Netscape公司(美国网景公司开发)的一种脚本语言
Netscape公司将这种脚本语言命名为LiveScript,与java一样都是面向对象的语言,而且无需编译,可由浏览器直接解释运行
Netscape公司见LiveScript大有发展前途,而Sun公司(java)也觉得可以利用LiveScript为java的普及做铺垫,于是两家公司签订协议,将LiveScript改为JavaScript
JavaScript是一种直译式脚本语言,用来为网页添加各式各样的动态功能(javaScript可以操作网页内容),不需要编译可直接通过浏览器解释运行,通常JavaScript脚本是通过嵌入在HTML中来实现自身功能的
2.javaScript作用
1)响应客户端鼠标和键盘事件
2)客户端页面表单数据验证
3)使用JavaScript动态的改变页面标签的样式
二、基本语法
<script type="text/javascript"></script>
1.变量
声明变量用var关键字 var name;
声明变量并为其赋值,变量没有数据类型,值有数据类型。
var a = 10;
var s = "jim";
2.数据类型
数值型(number):整数型和浮点数型
布尔型(boolean):即逻辑值,true或false
字符串类型(string):用单引号或双引号声明
undefined类型(undefined):声明了但是未初始化变量 例:var m;
Object类型:自定义一个对象 例:var date = new Date();
3.运算符(特殊)
+:数值+数值=数值 此时“+”起加法运算;数值+字串符 字串符+字串符 此时“+”起连接作用
-:数值-字符串当引号里面的字符是数字时,会做一个隐式类型转换
==:比较值是否相等
===:比较值和数据类型是否相等
var b = 10;
var c = 5;
var d = "5";
var e = 'a';
var ee = "aa";
alert(b+c);//15
alert(b+e);//10a
alert(b+ee);//10aa
alert(b-c);//5
alert(b-d);//5 数值 - 字符串(隐式的数据类型转换)
alert(b-ee);//NaN not a number
alert(b-e);//NaN not a number
alert(c==d);//true 比较值是否相等
alert(c===d);//false 比较值和数据类型是否相等
4.函数
1)局部函数
无参
function hello(){
alert("你好");
}
hello()
有参
function hello(name,age,num){
alert("你好"+name+":"+age+""+num);
}
hello("jim",18,200501);
有返回值
function add(a,b){
return a+b;
}
var s = add(10,3);
alert(s);
2)全局函数
parselnt(arg):把括号内的内容转换成整数之后。如果括号内是字符串,则字符串开头的数字部分被转化成整数,如果以字母开头,则返回"NaN"
parseFloat(arg):把括号内的内容转换成浮点数之后。如果括号内是字符串,则字符串开头的数字部分被转化成浮点数,如果以字母开头,则返回"NaN"
typeof(arg):返回arg值的数据类型
eval(arg):可运算某个字符串
var a = 10;
var aa = "10.5";
var cc = "a";
var bb = "ab"
alert(eval(aa));//10.5
alert(eval(cc));//10
alert(eval(bb));// ab is not defined
5.内置对象
console.log(s.length);//向浏览器的控制台输出日志信息,便于程序调试
1.String字符串
2.Array数组
数组定义的方法:
1)var <数组名> = new Array();
<数组名>[下标名] = 值;
2) var <数组名> = new Array(<元素1>,<元素2>,<元素3>...);
3) var <数组名> = [<元素1>,<元素2>,<元素3>...];
3.Date
4.Math
6.事件
onclick()鼠标点击时;
onblur()标签失去焦点;
onfocus()标签获得焦点;
onmouseover()鼠标被移到某标签上;
onmouseout()鼠标从某标签移开;
onload()是网页加载完币后触发相应的事件处理程序;
onchange()是指当前标签失去焦点并且标签的内容发生改变时触发事件处理程序
7.HTML DOM
DON是Document Object Model文档对象(网页中的标签)模型的缩写。通过html dom,可用javaScript操作html文档的所有标签。
javaScript是一种面向对象的语言,操作网页时,把网页中的每一个标签,都视为一个对象,把这一类标签对象统称为dom对象。
javaScript要想对html网页中的标签进行操作,就需要获取到操作的标签。即要操作,先得到。
有四种方法来做这件事:
1.通过 id 找到 HTML 标签
document.getElementById(“id");
2.通过标签名找到 HTML 标签
document.getElementsByTagName("p");
3.通过类名找到 HTML 标签
document.getElementsByClassName("p");
4.通过name找到 HTML 标签
document.getElementsByName(“name");
改变 HTML 标签的属性
document.getElementById(“username").value=“new value"; document.getElementById("image").src=“new.jpg";
修改 HTML 内容使用innerHtml属性
document.getElementById(“div”).innerHTML=new HTML
8.计时
通过使用 JavaScript,我们有能力做到在一个设定的时间间隔之后来执 行代码,而不是在函数被调用后立即执行。我们称之为计时事件。
方法: setTimeout(“函数”,”时间”)未来的某时执行代码
clearTimeout()取消setTimeout()
setInterval(“函数”,”时间”)每隔指定时间重复调用
clearInterval()取消setInterval()