一.JavaScript基础
目录
一.什么是javaScript基础
1.javascript是一种描述性语言，也是一种基于对象(Object) 和事件驱动(Event Driven) 的，并具有安全性能的脚本语言。
(一)特点:
1.javaScript主要用来在HTML页面中添加交互行为。
2.javaScript是一种脚本语言,语法和java类似。
3.javaScript一般用来编写客户端的脚本。
4.Javacript是一种解释性语言,边执行边解释。
(二)javaSrcipt组成部分:
1.EcmAscript标准：是一种开放的，被国际上广为接受的，标准的脚本语言规范，他不与任何具体的浏览器绑定；
-语法，
-变量和数据类型
-运算符
-逻辑控制语句
-关键字，保留字
-对象
2.浏览器对象模型(Browser Object Model ,BOM)
提供了独立了内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互，如网上常见的弹出窗口，前进后退等功能都是浏览器对象控制的。
3.文档对象模型
文档对象模型(Document Object Model ,DOM),是HTML文档对象模型(HTML DOM) 定义的一套标准方法，用来访问和操纵HTML文档，如网上商城常见的随鼠标移动显示大的图片，弹出提示等都是文档对象的功劳。
(三)javaSrcipt的基本结构:
1.语法；
<script type="text/javascript">
javaScript语句
</script>2.javascript的执行原理
3.在网页中引用JavaScript的方式
(1).内部JavaScript文件
直接使用<script>标签将javaScript代码加入到HTML中
<script >
document.write("初学JavaScript")
document.write("<h1>HelloWorld javaScript</h1>")
</script>(2).使用外部JavaScript文件
使用javaScript文件是将JavaScript代码写在一个外部文件中，以*.js为拓展名保存然后将该文件指定给<script> 标签中的Scr属性
（一）外部javaScript文件内容：
document.write("你好")
alert("提示")
prompt("请输入提示")（二）引入外部JavaScript文件
<script type="text/javascript" src="test.js"></script>(3).直接在HTML标签
(三)在标签中直接使用
<input type="button" value="弹出消息框"onclick="javascript:alert('欢迎你')"/>
(三)javaSrcipt的核心语法:
1.变量的声明和赋值
在Javascript中，变量是使用关键字var声明的 。
变量应该先声明在赋值才能使用。
变量名命名规则与java相同,即可由数字，字母，下划线和‘$’ 符号组成的，但首字母不能大写。
变量的命名区分大小写 。
语法：
var 合法的变量名；2.数据类型
-----ECMAScript提供了typeof运算符来判断一个值的数据类型
使用typeof()运算符判断数据类型
typeof(变量或值)----常用的数据类型：
--undefined(未定义类型)
var u;--null(空类型)
var n=null;--number(数值类型)
var num=1;
var num2=1.1;--String(字符串类型)
var name='小明';1.字符串的方法
(--)调用字符串的方法
字符串对象.方法名();| 方法 | 描述 |
|---|---|
| indexof(str) | 查找指定字符在字符串中首次出现的位置 ，并返回位置下标 |
| charAt(index) | 返回在指定位置的字符 |
| toLowerCase() | 转换字符串为小写 |
| toUpperCase() | 转换字符串为大写 |
| subString(index1,index2) | 截取index1到index2之间的字符串，不包括index2索引对应的字符 |
| split(str) | 将字符串分割为字符串数组 |
--Boolean(布尔类型)
var bolean=true;
var bolean1=false;3.数组
javascript数组和Java中的集合一样大小可变。
javascript中的数组也需要创建，赋值，在访问数组元素，并通过数组的一些方法和属性对数组元素进行处理。
------创建数组
(1)创建数组
var 数组名称 =New Array(数组大小);-----为数组赋值
(2)为数组赋值
var char=new Array("America","Greece","Britain","Canada","China","Egypy");
var cha=new Array(3);
vra[0]="abc";
vra[1]=123;
vra[2]=true;
var num=["ap","123"]
--访问数组元素
访问数组元素
使用for 循环
for(var i=0;i<char.length;i++){
document.write(char[i]);}
使用forin循环
for(vra i in char ){
document.write(char[i]);}--数组的常用属性和方法
| 类别 | 名称 | 描述 |
|---|---|---|
| 属性 | length() | 数组的长度 |
| 方法 | join() | 将数组中的元素连接到字符串中 |
| sort() | 对数组排序 | |
| push() | 象数组末尾添加一个或多个元素，并返回新的长度 |
4.运算符号
--常用的运算符
| 类别 | 运算符号 |
|---|---|
| 算数运算符 | +，-，*，/，%，，++，-- |
| 比较运算符 | >,<,>=,<=,==,!=,===,!== |
| 逻辑运算符 | &&,||,! |
| 赋值运算符 | =,+=,-= |
其中，===表示恒等，！===表示不恒等,都是用于比较，但===用于严格比较，===只要数据类型不匹配就返回Fasle。
5.逻辑控制语句
--条件结构
与java一样javascript 的条件结构也分为if,switch结构；
1.if(表达式1)
{
//语句1；
}else
//语句2;
{
3.switch(表达式){
case 1:
//语句1
break;
case 2:
//语句2
break;
default:
//语句3
break;
}--循环结构
JavaScript中的循环结构分为for循环，while循环，do-while循环，for-in 循环
1.for循环
for(初始化，条件，增量或者减量)
{
//语句；
}
2.while循环
while(条件)
{
//语句；
}
3.do-while循环
do
{
//语句；
}while(条件);
4.for-in 循环
for(变量 in 对象)
{
//语句；
}
5.break关键字：退出整个循环
6.continue 关键字：只退出当前循环，根据循环条件是否进行下一次循环
6.注释
--单行注释：//
--多行注释 /* */
7.关键字和保留字
--关键字
| 关键字 | 关键字 | 关键字 | 关键字 | 关键字 |
|---|---|---|---|---|
| break | case | catch | continue | default |
| delete | do | else | finally | for |
| function | if | in | instanceof | new |
| return | switch | this | throw | try |
| typeof | var | void | while | with |
--保留字
| 保留字 | 保留字 | 保留字 | 保留字 | 保留字 |
|---|---|---|---|---|
| abstract | boolean | byte | char | class |
| const | debugger | double | enum | export |
| extents | final | float | goto | implements |
| import | int | interface | long | native |
| package | private | protected | public | short |
| static | super | synchronized | throws | transient |
| volatile |
8.常用的输入/输出
--警告(alert)
此方法会创建一个特殊的小对话框
alert("提示信息");--提示(prompt)
页面加载完成后弹出对话框 等待用户输入一行数据；
prompt("提示信息","输入框的默认信息");9.语法约定
--大小写的区分；
--变量，对象和函数的名称；
--分号；
(四)javaSrcipt的常用语法——函数:
1.常用系统函数
1.parseInt()函数：将字符串转换为整数
parseInt(“字符串”)
2.parseFloat() 函数 ：将字符串转换为浮点数
parseFloat("字符串");
3.isNaN() 函数：判断其参数是否非数字 若是返回true ，否则返回false;
isNaN(X);2.自定义函数
在javascript中，自定义函数有关键字function，函数名，一组参数及置于括号中的待执行的javascript语句组成
--定义函数
1.无参函数
function 函数名()
{
//语句；
}
2.有参函数
function 函数名(参数1，参数2，参数3)
{
//语句；
}
--调用函数
事件名=“函数名（）”;
//示例1：
<input type="button" value="计算考试成绩" onclick="sum(parseInt(prompt('请输入考试科目数量')))"/>3.变量的作用域
function sum(count)
{
var score=0; //全局变量 作用域最大
var sum=0;
if(isNaN(count))
{
alert("输入不是数字");
}else if(count<=0) {
alert("科目数量不能小于等于零");
}
for(var i =0;i<count;i++){
score=parseInt(prompt("请输入第"+(i+1)+"门科目成绩"));
if(isNaN(score))
{
var num=0; //局部变量 作用域最小
alert("输入不是数字");
break;
}else if(score<0) {
alert("考试成绩不能小于零");
break;
}
sum+=score;
}
alert(count+"门科目的总成绩是："+sum);
}4.事件
--常见的事件
| 名称 | 说明 |
|---|---|
| onload | 一个页面或者一幅图像完成加载 |
| onlick | 鼠标单击某个对象 |
| onmouseover | 鼠标移到某个元素上 |
| onkeydown | 某个键盘按键被按下 |
| onchange | 域的内容被改变 |