一、Javascript入门
1.1 引入
html:负责网页结构
css: 负责网页美观
javascript:负责用户与浏览器交互。
1.2 javacript的来由
1994时,网景公司研发了livescript语言,领航者浏览器(把livescript语言植入到浏览器)
微软公司的IE浏览器,后来自己花钱20亿美金研发jscript
1995年,Sun公司,推出jdk1.1 .谈合作。livescript-》javascript
1998,美国在线收购网景。
2003,直接关闭网景。网景6-7亿美金。2千万美金,组建谋智基金(火狐)
javascript 与jscript 语法不同。 ECMA(欧洲制造商联盟)
scirpt的语法:
1)基础语法(ECMA规范)
2)BOM编程(没有统一)
3)DOM编程(没有统一)
注意:javascript与java并没有直接联系。
二、 javascript(简称js)基础篇
首先,应该注意一点:html代码是从上往下依次加载的,所以为了保证代码的安全性以及达到预期的正常使用功能,我们最好将<script>
标签放在<body>
标签下边,尤其是牵涉到函数调用的时候。当然有时放在前面也无所谓。
2.1 javascript使用
①javascript的注释:单行 // 多行 /* */
css的注释:css 多行注释 /* */
html的注释:
②常用的函数:
alert(“提示框”);
document.write(“向浏览器输出内容”);
③javascript的使用方法:
1)内部javacript:
a)在html页面中使用<script>
标签,在<script>
标签体中写js内容
b)弊端:和html代码混杂在一起,不好维护,不好重用
2)外部javascript(推荐使用)
注意: 不能使用<script src="01.js"/>
导入,<script>
标签是非自闭和标签。
2.2 变量和数据类型
1)定义和赋值变量: var 变量名=值;
var a = 10;
//var a = 20;
var b = 3.14;
var c = 'c';
var d = "hello";
var e = true;
var f = new Object();
注意:
1)使用var关键词定义变量,var可以省略的,但是不建议省略var
2) 在js中可以重复定义变量,后面定义的变量会覆盖前面的变量。
3) js是弱类型语言,使用var来定义任何数据类型
4)js中变量的类型是由变量的值决定的,所以只定义不赋值的变量,就是一个未赋值变量(undefined),未赋值的变量不能使用
typeof(变量): 查看变量的数据类型
2)js的数据类型分类:
a)number: 无论整数还是小数,都是number类型
b) string: 无论字符还是字符串,都是string类型
c) boolean
d) object 对象类型
2.3 类型转换函数
string->number(整数) : parserInt(变量)
string->number(小数): parserFloat(变量)
2.4 运算符
1)算术运算符: + - * / %
2)比较运算符: > < >= <= ==
3)逻辑运算符: && || !
4)三目运算符: 表达式 ? true的结果 : false的结果
2.5 流程控制语句
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
/*
①if语句
if(表达式){
语句
}else{
语句
}
条件可以是:
布尔值:true:成立 ; false:不成立
number:非0:成立; 0: 不成立
string: 非空字符串: 成立 ; 空字符串: 不成立
object: 非null: 成立; null:不成立
*/
/*
if(null){
alert("条件成立");
}else{
alert("条件不成立");
}
*/
/*
②swtich语句
swtich(变量){
case 选项1:
语句;
break; 如果不break,就会继续下面选项的语句
case 选项2::
语句;
break;
default:
默认;
}
注意:
case的条件:
1)可以是常量. string,number
2)