[学习笔记] 动态网页开发基础之JavaScript基础

# 学习 # · 2020-08-05

JavaScript基础

1、JavaScript的应用:表单验证(减轻服务器压力)、页面动态效果。

2、JavScript:是一种基于对象和事件驱动的,并具有安全性能的脚本语言(描述性语言)。

3、JavaScript的特点:

(1)主要用于HTML页面中添加交互行为。

(2)是一种脚本语言,用来编写客户端的脚本,语法和Java类似。

(3)是一种解释语言,边执行边解释。

4、JavaScript的组成:

(1)ECMAScript标准:开放的、被国际上广为接受的、标准的语言规范。

(2)浏览器对象模型(BOM):提供了独立于内容与浏览器窗口进行交互的对象,使用BOM可以实现与HTML的交互。

(3)文档对象模型(DOM):是HTML文档对象模型定义的一整套标准方式,用来访问和操纵HTML文档。

5、JavaScript的基本结构:

<script type="text/Javascript">
    //JavaScript语句
    //使用document.write()向页面输出带HTML标签的内容。
    document.write("Hello,World!");
</script>

6、JavaScript的执行原理:

(1)浏览器客户端向服务器发送请求。

(2)数据处理。(3)发送响应。

7、在网页中引用JavaScript的方式:

(1)内部JavaScript文件。

(2)使用外部JavaScript文件。

<script type="text/Javascript" src="js/index.js"></script>

(3)直接在HTML标签中:

<input name="btn" value="弹出消息框" onclick="javascript:alert("Hello World!");">

JavaScript核心语法

1、变量的声明与赋值:注意区分大小写。

var 变量名;
var name="HelloWorld";
var x,y,z=0;

2、数据类型:

(1)underfind:未定义类型,变量定义未赋值时的默认值。

(2)null:空类型,表示“什么都没有”的占位符。

(3)number:数值类型,可以表示32位整数,也可以表示64位浮点数。

(4)boolean:布尔值类型。

(5)String:字符串类型。

3、String类型:

(1)字符串对象.length:字符串长度。

(2)indexOf(str,index)方法:查找某个指定的字符串在字符串中首次出现的位置。

(3)charAt(index):返回在指定位置的字符。

(4)toLowerCase():将字符串转化为小写。

(5)toUpperCase():将字符串转化为大写。

(6)substring(index1,index2):返回指定索引之间的字符串,包前不包后。

(7)split(str):将字符串分割为字符串数组。

4、数组:

var 数组名称 = new Array(size);

//声明数组时直接为数组元素赋值
var arr1 = new Array("a","b");

//分别为数组元素赋值
var arr2 = new Array(2);
arr2[0] = "a";
arr2[1] = "b";

//[]定义数组
var arr3 = ["a","b"];

(1)数组名称.length:数组长度。

(2)join():将数组的所有元素放入一个字符串,通过一个分隔符进行分隔。

(3)sort():对数组进行排序。

(4)push():向数组末尾添加一个或多个元素并返回新的长度。

5、运算符号:算数运算符、比较运算符、逻辑运算符、赋值运算符。

(1)==表示等于,===表示恒等,!==表示不恒等,都是用于比较。但是==用于一般比较,===用于严格比较,==在比较时可以转换数据类型,===在比较时只要数据类型不匹配就返回false。

6、逻辑控制语句:

(1)条件结构:if-else结构、switch结构。

(2)循环结构:for结构、while结构、do-while结构、for-in结构。

(3)中断循环:break、continue。

7、注释:

(1)单行注释://注释内容

(2)多行注释:/注释内容/

8、常用的输入/输出:

(1)警告(alert)

alert("提示信息");

(2)提示(prompt)

var color = promt("请输入你喜欢的颜色","");

程序调试

1、语法错误的排除:Chrome按F12进入脚本调试页面。

2、逻辑错误的排除:设置断点、单步调试、修改错误。


Javascript常用函数

1、parseInt():解析一个字符串并返回一个整数。

2、parseFloat():解析一个字符串并返回一个浮点数。

3、isNaN():用于检查其参数是否是非数字。

4、自定义函数:

function 函数名(参数列表) {
    //JavaScript语句
}

5、调用函数:

事件名="函数名()";

6、事件:

(1)onload:一个页面或一副图像完成加载。

(2)onclick:鼠标单击某个对象。

(3)onmouseover:鼠标指导移动到某元素上。

(4)onkeydown:某个键盘按键被按下。

(5)onchange():域的内容被改变。

如无特殊说明,本博所有文章均为博主原创。

如若转载,请注明出处:一木林多 - https://www.l5v.cn/archives/55/

评论