1为什么学习JavaScript
a客户端表单验证，减轻服务器压力
b制作页面动态特效
JavaScript学习是JQuery的基础
JavaScript是一种描述性语言，基于对象和事件驱动的具有安全性的脚本语言
JavaScript应用程序要下载到浏览器的客户端执行
JavaScript的特点：
向HTML页面添加交互行为
脚本语言，语法与Java类似
一般用来编写客户端脚本
解释性语言，边执行边解释
JavaScript由ECMAScript BOM DOM组成
ECMAScript
是一种标准的脚本规范语言，不与任何具体的浏览器绑定。规定了脚本语言的所有属性，方法
对象的标准。
使用Web客户端脚本语言编码要遵循ECMAScript
描述内容：语法 变量和数据类型 运算符 逻辑控制语句 关键字 保留字 对象 等
BOM 浏览器对象模型
提供了独立于内容与浏览器可以窗口进行交互的对象
实现与HTML的交互
DOM 文档对象模型
是HTML文档对象模型定义的一套标注方法
访问和操纵HTML文档
在脚本执行与程中，浏览器客户端与应用服务器端采用请求/响应的模式进行交互
过程如下：浏览器向服务端发送请求（用户输入要访问的页面，页面中包含JavaScript脚本程序）
数据处理（服务器端将某个含有JavaScript脚本的页面进行处理）
发送响应（服器端将含有JavaScript的脚本的HTML文件处理页面发送到浏览器客户端，
由浏览器从上至下逐条解析HTML标签和JAVAScript脚本，并呈现页面效果给用户）
使用客户端脚本好处
含脚本的页面只需要下载一次，减少不必要的网络通信
脚本程序由浏览器客户端执行，减轻服务器的压力
javaScript代码用<script>标签嵌入HTML.
浏览器遇到<script>标签，逐行读取内容，遇到</script>结束标签为止
浏览器会检查JavaScript语法，有错误，会在警示框提示，没有错误，浏览器将编译并执行语句
脚本基本结构
<script type="text/Javascript"> //也可直接写<script>
<!--JavaScript语句；-->
</script>
注：type是<script>标签的属性，用来指定文本使用语言类别为JavaScript
<!--语句-->注释标签
document.write()向页面输出可以包含HTML标签的内容
语句在<script> </script>中，浏览器会把它当作JavaScript命令执行，浏览器就会向页面输出内容
语句不在<script> </script>中，浏览器会当成内容输出在页面上
<script></script>的位置不是固定的，可以包含在文档中的任何地方。只要在代码使用前已读取并加载到内存即可
javaScript作为客户端程序，嵌入网页有3中方式
1使用<script>标签
<head>
<script>
Javascript语句；
</script>
<head>
使用<script>标签将JavaScript代码加入到HTML文档中。
适用于JavaScript代码较少，且网站中的每个页面使用的JavaScript代码均不相同的情况
2使用外部文件JavaScript文件
将JavaScript文件写入一个外部文件中，以*.js为后缀保存
再给该文件指定给<script>标签中的“src”属性，就可以使用这个外部文件了
hello.js文件
document.write("使用JavaScript脚本输出hello world");
document.write("<h1>hello wrold</h1>");
1.html页面代码
<html>
<head>
<script src="hello.js" type=“text/JavaScript”></script>
<head>
...
<html>
使用于在若干个页面中运行JavaScript实现相同的页面效果
注：hello.js就是外部JavaScript文件，src属性指定外部JavaScript文件的路径
外部文件不能包含<script>标签
通常将.js文件发到网站目录中单独存放脚本的子目录中（名为js）
3 直接嵌入在HTML标签中
使用于在页面中加入简短的JavaScript代码实现的页面效果，
通常在按钮事件中加入JavaScript处理程序
<input name="btn" type="button" value="弹出消息框" οnclick="javascript:alert('欢迎你')；"/>
onclick是单击的事件处理程序，当用户单击按钮，就会执行后面的JavaScript命令，
alert()是一个功能函数，作用是向页面弹出一个对话框
JavaScript是一门编程语言
JavaScript是一种弱类型语言，无明确的数据类型。即在声明变量时，不需要指定变量的类型，
变量的类型由赋给变量的值决定
变量使用var关键字声明
var 合法的变量名；
合法的变量名：由数字 字母 下划线和$符号组成，首字母不能为数字，不能使用关键字命名
Javascript区分大小写
变量赋值（3种方法）
先声明变量在赋值
同时声明和赋值变量
var width=20;//声明变量width的同时，将数值赋给变量width
不声明直接赋值
在一行代码中声明多个变量时，各变量之间用逗号分割
在JavaScript中，提供了常用的基本数据类型
undefined(未定义类型)
只有一个值，即undefined,声明了变量但未对该量赋值（声明的变量未初始化），
该变量默认值为undefined
var width;
这行代码声明了变量width,且此变量没有初始值，将被赋予值undefined
null(空类型)
表示对该变量赋了一个空值，表示什么也没有的占位符
可以用来检查某个变量是否被赋值
值undefined实际上是值null派生来的，因此JavaScript把他们定义为相等的，但他们含义不同
alert(null==undefined)
number（数值类型）
可表示32位的整数，整数也可以为八进制/十六进制，八进制/十六进制首字母都必须为0，
后面可跟任意八进制/十六进制数字/数字 字母
var iNum=070; //八进制 070等于十进制56
Var iNum=0x1f;//十六进制 0x1f等于十进制31
可表示64位的浮点数
对非常大/非常小的数，可用科学计数法表示浮点数，也是number类型
特殊值NaN(not a number)表示非数，是number类型
var iNum=23; //整数
var iNum=23.0; //浮点数
typeof(NaN); //返回值为number
string(字符串类型)
字符串是一组被引号（单/双）括起的文本
var string1="This is a string"; //定义了一个字符串string1
string也是一种对象，
属性有length,表示字符串的长度（包括空格等）
调用length的语法：字符串对象.length;
字符串对象使用语法：字符串对象.方法名();
string的方法：
toString() 返回字符串
toLowerCase() 把字符串转化为小写
toUpperCase() 把字符串转化为大写
charAt(index) 返回在指定位置的字符
indexOf(str,index) 查找某个指定的字符串在字符串中首次出现的位置
substring(index1,index2) 返回位于指定索引index1和index2之间的字符串，
并且1包括索引index1对应的字符，不包括索引index2对应的字符
split(str) 将字符串分割为字符串数组
boolean(布尔类型/逻辑类型)
boolean类型只有两个值true和false
typeof运算符
语法：typeof(变量/值)
可以检测变量的具体数据类型，判断一个值或变量究竟属于哪种数据类型
返回结果有5种
undefined 如果变量是undefined型
number 如果变量是number类型的
string 如果变量是string型的
boolean 如果变量是boolean型的
object 如果变量是null/是一种引用类型，列如对象，函数，数组
var name="rose";
document.write("name:"+typeof(name));
运算符
算数运算符 + - * / % ++ --
执行变量/值之间的算数运算
赋值运算符 =
用于给JavaScript变量赋值
比较运算符 > < >= <= ==(等于) !=（不等于）
在逻辑语句中使用，测定变量/值之间的关系
逻辑运算符 && || ！
用于测定变量/值之间的逻辑关系
注释
单行注释 //
多行注释 /* */
注释是描述部分程序功能/整个程序功能的一段说明性文字
不会被解释器执行，而是直接跳过
帮助开发人员阅读 理解 维护 和调试程序
程序结构主要分为三类：顺序结构 选择结构 循环结构
选择结构（有时又叫条件结构 ）
基于不同的条件来执行不同的动作，实现不同的结果
if结构 switch结构
if结构
if(表达式)
{
//JavaScript语句1； //表达式成立，执行语句1
}
if else结构
if(表达式)
{
//JavaScript语句1； //表达式成立，执行语句1，不成立，执行语句2
}
else
{
//JavaScript语句2；
}
多重if结构
if(表达式1)
{
//JavaScript语句1； //表达式1成立，执行语句1，不成立，判断表达式2，成立，执行语句2，不成立，判断表达式3，
语句3成立，执行语句3
}
else if(表达式2)
{
//JavaScript语句2；
}
else
{
//JavaScript语句3;
}
选择结构 switch
switch(表达式){ //case表示条件判断
case 值1：
javascript语句1；
break; //break关键字使代码跳出switch语句，没有break代码会继续执行，进入到下一个case.
case 值2：
javascript语句2；//在javascript中，switch语句可用于数值和字符串
break;
...
default: //关键字default说明表达式的结果不等于任何一种情况。
javascript语句n;
break;
}
信息提示
警示对话框（alert）
语法格式：
alert("提示信息"); //在javascript中，alert()经常被用来进行调试程序，将不确定的数据以信息框的方式展示，以此来判断出现错误的位置。
语法格式：
prompt("提示信息"，"输入框的默认信息");
eg:var op1=prompt("请输入第一个数：”，“")
var op1=prompt("请输入第二个数：”，“") //变量的值可以为字符串，方法等
var sign=prompt("请输入运算符","")
var result;
opp1=parseFloat(op1);
opp2=parseFloat(op2);
alert("两数运算结果为："+op1+sign+op2+"="+result");
函数
函数是程序的基本单元
javascript中有两种函数，一种是javascript自带的系统函数，一种是用户自行创建的自定义函数。
系统函数
parseInt() 可解析一个字符串，并返回一个整数
语法格式：
parseInt("字符串")
parseFloat() 从位置0开始查看每个字符，直到找到第一个非有效的字符为止，然后把该字符之前的字符串转换为浮点数。
第一个出现的小数和点是有效字符，如果有两个小数点，那么第二个小数点被看做是无效的。
eg: var num1=parseFloat("45.58");//返回值为45.58
var num1=parseFloat("45.58.25");//返回值为45.58
var num1=parseFloat("4558color");//返回值为4558
var num1=parseFloat("color4558");//返回值为NaN
isNaN() 检查其参数是否是非数字
语法格式：
isNaN(x) x是特殊的非数字值，返回值为true,否则为false
通常用于检测parseInt() ParseFloat()结果，判断它们表示的是否为合法的数字
来检测算数的错误
eg：var flag1=isNaN("12.5"); //返回值为false;
var flag2=isNaN("12.5s"); //返回值为true;
var flag3=isNaN(45.8); //返回值为false;
自定义函数
含义：开发人员根据业务需求，自定义开发的功能
自定义函数由关键字function，函数名，一组参数以及至于括号中的待执行的javascript语句组成
Javascript是弱类型
{}定义了函数的开头与结束
根据函数是否带参数，分为不带参数的无参参数和有参参数
return语句用来规定函数返回的值
先定义函数，在调用函数
function 函数名（参数1，参数2，参数3）
{
//javascript语句
[return 返回值]
}
调用函数
事件名=“函数名”；
count表示传递的参数，不需要定义数据类型
变量的作用域
在javascript中根据变量作用范围不同，可分为全局变量和局部变量
全局变量：在所用函数之外的脚本中声明的变量。
范围：变量定义后的所有语句，包括其后定义的函数中的代码，以及其后的<script>标签中的代码。
局部变量：在函数内部声明的变量。
范围:该函数中且位于该变量之后的代码可以使用
注： 如果在其后的其他函数中声明了与这个局部变量同名的变量，
则后声明的变量与这个局部变量毫无关系
onload事件会在页面加载完成后立即发生
eg:<body οnlοad="second()">
javascript第一章
最新推荐文章于 2024-04-01 13:59:12 发布
237
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
