《初识Javascript》

时间:2022-12-26 11:13:20
什么是JavaScript:

JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言

JavaScript的特点:

向HTML页面中添加交互行为

脚本语言,语法和Java类似

解释性语言,边执行边解释

JavaScript的组成:

ECMAScript JavaScript的基本语法结构9:51 2019/10/29

BOM 浏览器对象模型(简单的来说就是操控浏览器)

DOM 文档对象模型(简单的来说就是操控网页中的元素)


JavaScript的执行原理

1、发送请求 (输入地址进行请求包含JavaScript的页面)

2、服务器接收请求(接收到需要加载的JavaScript页面)

3、服务器响应请求(接收到以后响应给电脑上(客户端)上显示效果)


JavaScript的三种引入方式:

1)行内引入:

<input name="btn" type="button" value="弹出消息框" onclick="javascript:alert('欢迎你');"/>

2)内部引入:

<script type="text/javascript">

//此处写代码

</script>

3、外部引入方式

<script src=”文件路径” type="text/javascript"></script>

变量使用:

1)先声明,在赋值

Var i; i=10;

2 ) 声明并赋值

var i=10;

3)不声明进行赋值(不推荐使用)

i=10;

JavaScript的常用数据类型:

1)undefined 声明没有赋值 例如:var i;

2)null 表示空值,和undefined相等
3)number 数值类型(包括浮点型和整数)

4)boolean 布尔类型 (true和false)

5)string 字符串类型(简单的来说就是带引号的)

6)object 对象类型(可以调用方法,例如时间函数Date,数学函数Math)

typeof运算符的使用
作用:检测变量是什么类型

例如: var i=10 document.write(typeof i); //输出为number类型

例如: var d=new Date(); document.write(typeof d); //输出为Object类型

String 对象的常用属性和方法

1)字符串属性length

例如: var i=“I love you” i.length的值为10 (包含空格)

2)字符串方法charAt(下标)

根据下标找字符 例如:

var i=“I love you”; i.charAt(4) 的值为v
3)indexOf(字符)

查找第一次字符出现的位置(下标) 例如:

var i=“I love you”; i.indexOf(o) 的值为3

4)substring(下标1,下标2)

截取字符串,注意取前不取后

var i=“I love you”; i. substring (2,4) 的值为 “lo”

5)split(字符串)

将字符串分割为数组 例如:

var str="1-2-3-4-5";

var arr=str.split("-"); //将字符串str通过split()方法通过“-”分割成数组

for(var i=0;i<arr.length;i++){

document.write(arr[i]+"<br/>"); //输出数组中的所有信息

}

数组的使用:

var 数组名称=new Array(长度)

声明并赋值

var 数组名称=new Array(“张三”,”李四”,“王五”);

数组遍历两种方式:

1 使用for循环遍历

2 使用for-in遍历

for(var i in 数组名称){

document.write("<br/>"+数组名称[i]);

}

数组的方法和属性:

var arr=new Array("4","3","7","5","1");

1)arr.length 获取数组长度 的值为 5

2)arr.join("#" ) 添加一个字符把数组中的数变成字符串 结果为:4#3#7#5#1

3)arr.push(2) 末尾插入一个数据,变成新的长度数组 结果为:437512

4)arr.sort() 根据字母依次从前往后排序 结果为:13457

系统函数:

parseInt ("字符串") 将字符串转换为整型数字
parseFloat("字符串") 将字符串转换为浮点型数字
isNaN() 用于检查其参数是否是非数字 数值类型为false 非数值为true

自定义函数

1、定义函数

function 函数名(){

//js代码

}

2、函数调用

按钮调用: onclick=”函数名() 点击时触发函数(方法)

超链接调用: <a href="javascript:函数名()"></a>