javaScript概述
javaScript历史
javaScript历史: JavaScript是由Netscape公司开发的一种脚本语言。Netscape公司将这种脚本语言命名为LiveScript,与java一样,也是面向对 象的语言,而且无需编译,可由浏览器直接解释运行。
Netscape公司见LiveScript大有发展前途,而SUN公司( java)也觉得可以 利用Livescript为Java的普及做铺垫,于是两家签订协议,将LiveScript改 为JavaScript
2.作用
JavaScript一种直译式脚本语言,用来为网页添加各式各样的动态功能 (javaScript可以操作网页内容),不需要编译可直接通过浏览器解释运 行,通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
- 响应客户端鼠标和键盘事件
- 客户端页面表单数据验证
- 使用JavaScript动态的改变页面标签的样式
基本语法
javaScript写在<script>标签中,<script>标签可以放在<head>或<body>中,还可以将脚本写在外部的.js文件中,在html页面中导入外部的.js文件。
<html>
<head>
<meta charset="utf-8" />
<title></title>
<!--<script type="text/javascript">
alert("js hello");
</script>-->
<script src="./js/out.js">
</script>
</head>
<body>
<script>
alert("hello js");
</script>
</body>
</html>
变量
用var关键字声明变量
数值类型
1.数值型(number)包括整型数和浮点型数
var a=10; var b=10.5;
2.布尔型(boolean)
var a=true; var b=false;
3.字符串型
由单个或多个文本字符组成。字符串是用单引号或双引号来说明的。 (使用单引号来输入包含引号的字符串。)
4.undefined类型
5.Object类型
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
//数值类型
var a=5;
var b=10;
//字符串类型
var c='5';
var d='sss';
//alert(a+c)
//alert(a)
//alert(typeof(a));
//布尔类型
var e=true;
var f=false;
//alert(typeof(e))
//alert(a==c);
//alert(a===c)
//undefined类型
var m;
//alert(typeof(m));
if(m==undefined||m==null){
alert(111);
}
//alert(a+d);
//alert(a-d)
var result=(a>b)?alert(1):alert(2);
</script>
</body>
</html>
+可以进行“加法”与“连接”运算,如果2个运算符中的一个是 字符串,javascript就将另一个转换成字符串,然后将2个运算数 连接起来
比较运算符在逻辑语句中使用,以测定变量或值是否相等。 给定 x=5,下面的表格解释了比较运算符
条件运算符:var result = (条件表达式)?结果1:结果2 当条件成立返回?后的内容,否则返回:后的内容。
函数
1.无参函数
function hello(){
alert("你好");
}
hello();
2.有参函数
function hello(name,a,b){
alert("你好"+name);
}
hello("jim");
全局函数
javaScript已经定义好的,可以直接拿来使用的函数
例如:alert();
parseInt();把括号内的内容转换成整数之后的值。如果括号内是字符串, 则字符串开头的数字部分被转换成整数,如果以字母开头,则返回 “NaN”
parseFloat();) 把括号内的字符串转换成浮点数之后的值,字符串开头的 数字部分被转换成浮点数,如果以字母开头,则返回“NaN”
typeof ();返回arg值的数据类型
eval(); 可运算某个字符串
内置对象
字符串
var s="abcdefg",创建了一个字符串对象
console.log();在控制台输出,浏览器输出,便于程序调试
length 用法:返回该字符串的长度
charAt(n):返回该字符串位于第n位的单个字符.
indexOf(char):返回指定char首次出现的位置.
lastIndexOf(char) :跟 indexOf() 相似,不过是从后边开始找.
substring(start,end) :返回原字符串的子字符串,该字符串是原字符串从start位 置到end位置的前一位置的一段.
substr(start,length) :返回原字符串的子字符串,该字符串是原字符串从start位 置开始,长度为length的一段.
split(分隔符字符) :返回一个数组,该数组是从字符串对象中分离开来的,决定了分离的地方,它本身不会包含在所返回的数组中。
事件
onclick()鼠标点击时;
onblur()标签失去焦点;
onfocus()标签获得焦点;
onmouseover()鼠标被移到某标签之上;
onmouseout鼠标从某标签移开;
onload()是在网页加载完毕后触发相应的的事件处理程序;
onchange()是指当前标签失去焦点并且标签的内容发生改变时触发事件处理程序。
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
function fun(){
console.log("aaaaa");
}
</script>
</head >
<body onload="fun()">
<input type="button" value="按钮" onclick="fun()" /><br />
<input type="text" onfocus="fun()" /><br />
<input type="text" onblur="fun()" /><br />
<input type="text" onmouseout="fun()" /><br />
<input type="text" onmouseover="fun()" /><br />
<input type="text" onchange="fun()" />
</body>
</html>