一、概念:
js是一种基于对象和事件驱动的、并具有安全性能的脚本语言
二、特点:
1.向HTML页面中添加交互行为
2.脚本语言,语法类似于java来控制软件应用程序
3.解释性语言,边执行边解释
三、组成:
1.ECMAScript
2.DOM(Document Object Model)
3.BOM(Browser Object Model)
四、基本结构
<script type="text/javascript">
<!—
JavaScript 语句;
—>
</script >
五、使用位置:
可以包含在文档中的任何地方,只要保证这些代码在被使用前已读取并加载到内存即可
六、使用js的方法:
<script src="export.js" type="text/javascript"></script>
<input name="btn" type="button" value="弹出消息框 οnclick="javascript:alert('欢迎你');"/>
七、核心语法
1.变量
var height;
height = 10; //先声明,后赋值
var width = 5; //声明赋值同时进行
2.基本数据类型
undefined
var width;
//变量width没有初始值,将被赋予值underfined
null
//表示一个空值,与undefined值相等
number
var num1 = 23; //整数
var num2 = 23.6; //浮点数
boolean
//true或false
string
var string1="This is a string";
//一组被引号(单引号或双引号)括起来的文本
typeOf 运算符
//例一:
var a ;
console.log(a);
// 返回 undefined,
//例二:
var b = "加油a~";
conselo.log(b);
//返回 string,
八、string对象
1.属性
length
var str = "hello";
var strLength = str.length; //长度是5
2.方法
名称 | 说明 |
charAt(index) | 返回指定位置的字符 |
indexOf(str) | 查找某个指定的字符串在字符串中首次出现的位置 |
substring(index1,index2) | 返回位于指定索引index1和index2之间的字符串,并且包括索引index1对应的字符,不包括索引index2对应的字符 |
split(str) | 将字符串分割为字符串数组 |
例子:
var str = "hello";
var strf = str.charAt(o);
document.write(strf); // h
九、数组Array
1.创建
var fruit= new Array(4); var fruit1= new Array("apple", "orange", " peach","banana");
2.赋值
var fruit = new Array(4); fruit[0] = " apple "; fruit[1] = " orange "; fruit[2] = " peach "; fruit[3] = " banana ";
3.访问
var a=fruit[0];
4.属性(length)
var fruit = new Array(4); fruit.length
5.方法
名称 | 说明 |
join( ) | 把数组的所有元素放入一个字符串,通过一个的分隔符进行分隔 |
sort() | 对数组排序 |
push() | 向数组末尾添加一个或更多 元素,并返回新的长度 |
十、逻辑控制语句
if语句
if(条件) {
//JavaScript代码;
} else {
//JavaScript代码;
}
for、while循环语句
for(初始化; 条件; 增量){ JavaScript代码; } while(条件){ JavaScript代码; }
for in
var fruit=[ "apple", "orange", "peach","banana"];
for(var i in fruit){
document.write(fruit[i]+"<br/>");
}
switch (表达式)
switch (表达式){
case 常量1 :
JavaScript语句1;
break;
case 常量2 :
JavaScript语句2;
break;
...
default :
JavaScript语句3;
}
语法中断
break
<script type="text/javascript">
var i=0;
for(i=0;i<=5;i++){
if(i==3){
break;
}
document.write("这个数字是:"+i+"<br/>");
}
//跳出整个循环
</script>
continue
<script type="text/javascript">
var i=0;
for(i=0;i<=5;i++){
if(i==3){
continue;
}
document.write("这个数字是:"+i+"<br/>");
//跳过当前循环,进行下次循环
}
</script>
注释
单行注释以 // 开始,以行末结束
多行注释以 /* 开始,以 / 结束,符号 /…… */ 指示中间的语句是该程序中的注释
语法约定
代码区分大小写
变量、对象和函数的名称尽量不要重复
每段代码后要有分号
十一、常用系统函数
1.什么是函数
类似于Java中的方法,是完成特定任务的代码语句块
①parseInt ("字符串")
var i = "86"; console.log(parseInt (i));//将字符串转换为整型数字
②parseFloat("字符串")
var i = "86.5"; console.log(parseFloat (i));//将字符串转换为浮点型数字
③isNaN()
var i = "a"; console.log(isNaN(i));//用于检查其参数值是否是非数字
2.定义函数
function 函数名(参数.... ){ //JavaScript语句 [return 返回值] }
3.调用函数
<script type="text/javascript"> function study( ){ for(var i=0;i<5;i++){ document.write("<h4>欢迎学习JavaScript</h4>"); } } </script> <input name="btn" type="button" value="显示5次欢迎学习JavaScript" οnclick="study( )" />
作用域
全局变量
局部变量
<script type="text/javascript"> var i=20; function first( ){ var i=5; for(var j=0;j<i;j++){ document.write(" "+j); } } function second( ){ var t=prompt("输入一个数","") if(t>i) document.write(t); else document.write(i); first( ); } </script>
事件
名称 | 说明 |
onload | 一个页面或一幅图像完成加载 |
onlick | 鼠标单击某个对象 |
onmouseover | 鼠标指导移到某元素上 |
onkeydown | 某个键盘按键被按下 |
onchange | 域的内容被改变 |