一.JavaScript基础

目录

一.什么是javaScript基础

(一)特点:

(二)javaSrcipt组成部分:

(三)javaSrcipt的基本结构:

(三)javaSrcipt的核心语法:

(四)javaSrcipt的常用语法——函数:

1.常用系统函数

         2.自定义函数

3.变量的作用域

4.事件

---

一.什么是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	域的内容被改变