第一篇 JavaScript 基础
第1章 JavaScript 简介
第2章 数据类型与变量
第3章 运算符与表达式
第4章 基本的流程控制语句
第5章 函数
第6章 JavaScript 对象与数组
第7章 字符串与数值处理对象
第8章 正则表达式
第1章 JavaScript 简介
JavaScript是一种解释性的语言,其源代码不经过编译,而直接在运行时被翻译,叫脚本式语言
JS在HTML中的使用
(1)在网页文件的<script></script>标签中直接编写
可以放在<head></head>,<body></body>之间的任何位置
(2)把程序代码放在一个单独的文件中,在网页文件中的适当位置引用这个文件
<head>
<title>js</title>
<script type="text/javascript" src="JScript.js"></script>
</head>
(3)将程序代码作为某个元素的事件属性值,或超链接的href属性值
<a href="javascript:alert(new Date());">JS</a>
<input type="button" value="test" οnclick="alert(new Date());"/>
JavaScript 基本语法
区分大小写
HTML不区分大小写
;一个语句的结束
语句末的分号不是必须的
// 用于单行注释
/*....*/用于多行注释
第2章 数据类型与变量
数据类型:(1)基本数据类型
数值
包含整数和浮点数,所有数值都以双精度浮点来表示
16进制以0开始,紧跟字母x,不区分大小写
8进制以0开始
特殊值:Infinity
var x=1.7976931348623157e308;
x=x+1e292;
alert(x);
特殊值:Nan 唯一一个不可以和自身进行比较的值
var x=0/0;
if(x!=x)
{
alert(x);
}
if(isNaN(x))
{
alert("x是NaN");
}
字符串
var myName="grgrgrg";
var fr=myName.charAt(3);
alert(fr);
\n 回车换行
\r 换行
\" 双引号
\' 单引号
逻辑
特殊
undefinded 用来表示不存在的值或者尚未赋值的变量
null
(2)复合数据类型
对象
数组
函数
变量
JavaScript是无类型的
变量名的第一个字符必须是字母或下划线,不能包含空格,!,@,#,$等特殊字符
区分大小写
无用存储单元收集的方法 garbage collection
类型转换 无类型语言 document.write(789); 数字自动转为字符串
var x="false";/字符串
if(x)
{
alert("x转换为逻辑值 true");
}
字符串按照值进行比较
第3章 运算符与表达式
var w=5;
var x=20;
var y="liufuchu";
var z=true;
alert(w+x+y+z); 输出:25liufuchutrue
alert(""+w+x+y+z); 输出:520liufuchutrue
第4章 基本的流程控制语句
第5章 函数
function ni(x)
{
var y=x,k=1;
for(x=1;x<y;x++)
{
k=k*x;
}
return k;
}
m=ni(10);
alert("10的阶乘是:"+m);
encodeURI() decodeURI()
字符串编码处理函数: escape() unescape()
eval()可以在程序中动态产生表达式
for (var i = 0; i < 100; i++) {
eval("var a" + i + "=" + i);
}
第6章 JavaScript 对象与数组
1.构造函数创造对象
function Student(name, age, grade) {
this.name = name;
this.age = age;
this.grade = grade;
}
student1 = new Student("aa",16,3);
with语句 for...in...语句
第7章 字符串与数值处理对象
第8章 正则表达式
第二篇 JavaScript 核心技术
第9章 事件处理
<script type="text/javascript" for="aa" event="onclick">
alert("bbb");
</script>
<button id="aa"></button>
<form id="form" runat="server">
<button id="aa" οnclick="alert('aa');"></button>
</form>
<script type="text/javascript">
document.forms["form"].click();
</script>
第10章 键盘和鼠标事件处理
禁用鼠标右键
<script type="text/javascript">
function click() {
if (event.button == 2) {alert("aa");}
}
document.onmousedown = click;
</script>
第11章 对象模型
string math date array function number boolean regexp document
第12章 文档对象模型(dom)
document.getElementsByTagName();
document.getElementById();
document.getElementsByName();
第13章 样式与定位
第14章 window 对象
第15章 frame对象
第16章 处理文档(document)
第17章 表单和表单元素
第18章 复选框和单选按钮
第19章 设置菜单
第20章 浏览器和性能检测
第21章 使用cookie保存状态
第22章 图象处理
第23章 动画