Javascript学习笔记（一）

来源：互联网发布：linux用usb无线网卡编辑：程序博客网时间：2024/05/22 06:46

1、JavaScript的组成：ECMAScript、BOM、 DOM

2、脚本的基本结构：

<scripttype="text/javascript">

<!--

JavaScript 语句;

-->

</script >

3、脚本的使用方式：

i.HTML页面内嵌JS代码：

[HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。]

ii.外部JS文件：

[在 <head> 或 <body> 中引用脚本文件都是可以的。实际运行效果与您在 <script> 标签中编写脚本完全一致。提示：外部脚本不能包含 <script> 标签。]

iii.简短缩写方式：

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

4、使用var关键字对变量进行声明，使用=进行赋值：

例：var x=4;

变量可以是任何类型，但赋值时注意格式；可以在一条语句中声明很多变量，该语句以 var 开头，并使用逗号分隔变量即可；未使用值来声明的变量，其值实际上是undefined，undefined 这个值表示变量不含有值。

5、数据类型：

undefined：变量被声明后，但未被赋值

string：用单引号或双引号来声明的字符串

boolean：true或false

number：整数或浮点数

object：javascript中的对象、数组和null

※使用typeof运算符检测变量的类型，返回值为以上5种类型

例：

6、JavaScript对象：

JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。

创建对象并添加属性：person = new Object();

person.firstname = "Harry";

person.lastname = "Potter";

对象由花括号分隔：在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。

属性由逗号分隔：var person={firstname:"Harry", lastname:"Potter", id:0807};

对象属性有两种寻址方式：①name=person.lastname;
②name=person["lastname"];

7、JavaScript变量：

声明新变量时，可以使用关键词 "new" 来声明其类型：var name = new String;

JavaScript 变量均为对象：当声明一个变量时，就创建了一个新的对象。

可以通过将变量的值设置为 null 来清空变量：person = null;

8、注释

i.单行注释：以//开始，以行末结束。

ii.多行注释：以/* 开始，以 */ 结束，符号 /*…… */ 指示中间的语句是该程序中的注释。

9、常用的输入/输出

i.alert()：以提示框的形式输出

格式：alert("提示内容");

ii.promt()：以提示框形式输入

格式：prompt(“提示信息”, “输入框的默认信息”);

例：①var n=prompt("请输入姓名");

②var n=prompt("请输入姓名","");

10、JavaScript函数：

类似于Java中的方法，是完成特定任务的代码语句块，使用更简单，不用定义属于某个类，直接使用。

在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。只要函数运行完毕，本地变量就会被删除。

在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。全局变量会在页面关闭后被删除。

①系统函数：

i.parseInt("字符串")：将字符串转换成整型数字，如果是不能转换的字符串，则转换结果为NaN；

ii.parseFloat("字符串")：将字符串转换成浮点型数字；

iii.isNaN()：用于检查其参数是否是非数字。

②自定义函数：

i.创建函数：使用function关键词，分为无参函数和有参函数两种形式

格式：function 函数名(){

JavaScript代码；

}

或： function 函数名(参数1，参数2，...){

JavaScript代码；

}

ii.调用函数：函数调用一般和表单元素的事件一起使用

调用格式：事件名 = "函数名()";

匿名调用函数：事件名=function(){...} 或 ( function(){JavaScript代码;} () )

直接运行函数： window.onload=function(){...}

10、注意：

i. 代码区分大小写

ii. 可以在文本字符串中使用反斜杠\对代码行进行换行。

例：document.write("Hello \
World!");

※拓展：

以下链接来自w3school

ECMAScript类型转换

ECMAScript引用类型

ECMAScript原始类型

0 0