JavaScript基础——第一章,基础
一,Javascript的基本结构
<script type="text/javascript">
<!—
JavaScript语句;
—>
</script>
二,网页中引用JavaScript的方式
使用<script>标签
<body>
<script type="text/javascript">
<!--
document.write("初学JavaScript");
document.write("<h1>Hello,JavaScript</h1>");
-->
</script>
</body>
外部JS文件
<script src="export.js"type="text/javascript">
</script>
直接在HTML标签中
<input name="btn"type="button"value="弹出消息框"οnclick="javascript:alert('欢迎你');"/>
三,变量
//先声明变量再赋值
var width;
wtdth = 5;
//同时声明变量和赋值
var width = 5;
//不声明直接赋值
width = 5;
-
变量可以不经声明而直接使用,但这种方法很容易出错,也很难查找排错,不推荐使用
四,数据类型
- undefined 变量没有初始值,将被赋予值undefined
- null 表示一个空值,与undefined相等
- number 整数和浮点数
- boolean true和false
- string 一组被引号(单引号或双引号)扩起来的文本
五,typeof运算符
检测变量的返回值
typeof运算符返回值如下
- undefined :变量被声明后,但未被赋值
- string :用单引号或双引号来声明的字符串
- boolean:true或false
- number:整数和浮点数
- object:javascript中的对象,数组或null
六,String对象
- 属性:
字符串对象 . leng
- 方法:
字符串对象 . 方法名();
charAt(index):返回在指定位置的字符
indexOf(str,index):查找某个指定字符串在字符串中首次出现的位置
substring(index1,index2):返回位于指定索引index1和index2之间的字符串,并且包括索引index1对应的字符,不包 括索引index2对应的字符
split(str):将字符串分割为字符串数组
七,数组
- 创建数组
var arr = new Array(5); //创建数组
/*为数组元素赋值*/
arr[0] = "aaa";
arr[1] = "bbb";
arr[2] = "ccc";
arr[3] = "ddd";
arr[4] = "eee";
- 属性和方法
length;设置或返回数组中元素的数目
join();把数组的所有元素放入一个字符串,通过一个分隔符进行分割
sort();对数组排序
push();想数组末尾添加一个或更多元素,并返回新的长度
八,运算符号
- 算术运算符:+ , - , * , /
- 赋值运算符:= , += , -=
- 比较运算符:> ,< , >=,<=,== , != ,=== ,!==
- 逻辑运算符:&& , || ,!
九,逻辑控制语句
- if()条件语句
- switch多分支语句
- for,while循环语句
- for-in
var arr = new Array("America","Greece","Britain","Canada","China","Egypt");
for(var i in arr){
document.write(arr[i] + "<br/>");
}
}
十,什么是函数
- 函数的含义:类似于Java中的方法,是完成特定任务的代码语句块
- 使用更简单:不用定义属于某个类,直接使用
- 函数分类:系统函数和自定义函数
常用的系统函数:
parseInt():将字符串转换为整形数字
parseFloat():将字符串转换为浮点数字
isNaN():用于检测其参数是否是非数字
自定义函数:
function 函数名(参数1,参数2,参数3,......){
//javascript语句
[ return 返回值 ]
}
调用函数:
事件名 = " 函数名()";
十一,事件
-
onload:一个页面或一个图像完成加载
-
onlick:鼠标单击某个对象
-
onmouseover:鼠标指导移到某元素上
-
onkeydown:某个键盘按键被按下
-
onchange:域的内容被改变