W4-JavaScript基础

最新推荐文章于 2024-07-24 11:09:48 发布

小红帽的狼外婆_x

最新推荐文章于 2024-07-24 11:09:48 发布

阅读量153

点赞数

文章标签： javascript js html

本文链接：https://blog.csdn.net/reL_iuhgc34n_x/article/details/118190346

版权

JavaScript基础

4.1JavaScript简介和用法
4.2JavaScript基本语法和语句
4.3JavaScript对象、函数和事件

4.1JavaScript简介和用法

HTML 中的脚本必须位于标签之间。
脚本可被放置在 HTML 页面的和部分中。

<script> 标签

如需在 HTML 页面中插入 JavaScript，请使用 <script> 标签。

<script> 和 </script> 会告诉 JavaScript 在何处开始和结束。

<script> 和 </script> 之间的代码行包含了 JavaScript:

<script>
alert("我的第一个 JavaScript");
</script>

<body> 中的 JavaScript

<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落</p>");
</script>
.
.
</body>
</html>

JavaScript 函数和事件
在 <head> 或者 <body> 的JavaScript
<head> 中的 JavaScript 函数
<body> 中的 JavaScript 函数
外部的 JavaScript
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件，请在 <script> 标签的 “src” 属性中设置该 .js 文件：

<!DOCTYPE html>
<html>
<body>
<script src="myScript.js"></script>
</body>
</html>

4.2JavaScript基本语法和语句

JavaScript 是一个脚本语言。
它是一个轻量级，但功能强大的编程语言。

4.2.1JavaScript 字面量

在编程语言中，一般固定值称为字面量，如 3.14。

数字（Number）字面量可以是整数或者是小数，或者是科学计数(e)。
字符串（String）字面量可以使用单引号或双引号。
表达式字面量用于计算。数组（Array）字面量定义一个数组。
对象（Object）字面量定义一个对象。
函数（Function）字面量定义一个函数。

4.2.2JavaScript 变量

在编程语言中，变量用于存储数据值。
JavaScript 使用关键字 var 来定义变量，使用等号来为变量赋值。
变量可以通过变量名访问。在指令式语言中，变量通常是可变的。字面量是一个恒定的值。

4.2.3JavaScript 操作符

JavaScript使用算术运算符来计算值。
JavaScript使用赋值运算符给变量赋值。
JavaScript语言有多种类型的运算符。

赋值，算术和位运算符	= + - * /
条件，比较及逻辑运算符	== != < >

4.2.4JavaScript 语句

在 HTML 中，JavaScript 语句向浏览器发出的命令。
语句是用分号分隔。

4.2.5JavaScript 关键字

avaScript 关键字用于标识要执行的操作。
和其他任何编程语言一样，JavaScript 保留了一些关键字为自己所用。
var 关键字告诉浏览器创建一个新的变量。
JavaScript 同样保留了一些关键字，这些关键字在当前的语言版本中并没有使用，但在以后 JavaScript 扩展中会用到。

4.2.6JavaScript 注释

不是所有的 JavaScript 语句都是"命令"。双斜杠 // 后的内容将会被浏览器忽略。

4.2.7JavaScript 数据类型

JavaScript 有多种数据类型：数字，字符串，数组，对象等等。

4.3JavaScript对象、函数和事件

4.3.1对象的定义和访问

JavaScript 对象
在 JavaScript中，几乎所有的事物都是对象。var car = "Fiat";
对象也是一个变量，但对象可以包含多个值（多个变量），每个值以 name:value 对呈现。var car = {name:"Fiat", model:500, color:"white"};

对象定义
可以使用字符来定义和创建 JavaScript 对象。var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};

对象属性
可以说 “JavaScript 对象是变量的容器”。

但是，我们通常认为 “JavaScript 对象是键值对的容器”。

键值对通常写法为 name : value (键与值以冒号分割)。

键值对在 JavaScript 对象通常称为对象属性。

对象键值对的写法类似于：

PHP 中的关联数组
Python 中的字典
C 语言中的哈希表
Java 中的哈希映射
Ruby 和 Perl 中的哈希表

访问对象属性
你可以通过两种方式访问对象属性。person.lastName;或person["lastName"];

对象方法
对象的方法定义了一个函数，并作为对象的属性存储。

对象方法通过添加 () 调用 (作为一个函数)。

该实例访问了 person 对象的 fullName() 方法。name = person.fullName();

访问对象方法
创建methodName : function() { // 代码 }
访问objectName.methodName()

4.3.2函数的定义和调用

JavaScript 函数语法
函数就是包裹在花括号中的代码块，前面使用了关键词 function：function functionname(){ // 执行代码 }
当调用该函数时，会执行函数内的代码。

调用带参数的函数
在调用函数时，您可以向其传递值，这些值被称为参数。

这些参数可以在函数中使用。

您可以发送任意多的参数，由逗号 (,) 分隔：myFunction(argument1,argument2)
当您声明函数时，请把参数作为变量来声明：function myFunction(var1,var2){ //代码}
变量和参数必须以一致的顺序出现。第一个变量就是第一个被传递的参数的给定的值，以此类推。

带有返回值的函数
有时，我们会希望函数将值返回调用它的地方。

通过使用 return 语句就可以实现。

在使用 return 语句时，函数会停止执行，并返回指定的值。

语法function myFunction(){ var x=5; return x;}
上面的函数会返回值 5。

注意：整个 JavaScript 并不会停止执行，仅仅是函数。JavaScript 将继续执行代码，从调用函数的地方。

局部 JavaScript 变量
在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。

您可以在不同的函数中使用名称相同的局部变量，因为只有声明过该变量的函数才能识别出该变量。

只要函数运行完毕，本地变量就会被删除。

全局 JavaScript 变量
在函数外声明的变量是全局变量，网页上的所有脚本和函数都能访问它。

JavaScript 变量的生存期
JavaScript 变量的生命期从它们被声明的时间开始。

局部变量会在函数运行以后被删除。

全局变量会在页面关闭后被删除。

向未声明的 JavaScript 变量分配值
如果您把值赋给尚未声明的变量，该变量将被自动作为 window 的一个属性。

4.3.3事件和事件属性

HTML 事件
HTML 事件可以是浏览器行为，也可以是用户行为。

以下是 HTML 事件的实例：

HTML 页面完成加载
HTML input 字段改变时
HTML 按钮被点击

常见的HTML事件

onchange	HTML 元素改变
onclick	用户点击 HTML 元素
onmouseover	用户在一个HTML元素上移动鼠标
onmouseout	用户从一个HTML元素上移开鼠标
onkeydown	用户按下键盘按键
onload	浏览器已完成页面的加载

小红帽的狼外婆_x

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
W4-JavaScript基础

JavaScript基础4.1JavaScript简介和用法4.2JavaScript基本语法和语句4.2.1JavaScript 字面量4.2.2JavaScript 变量4.2.3JavaScript 操作符4.2.4JavaScript 语句4.2.5JavaScript 关键字4.2.6JavaScript 注释4.2.7JavaScript 数据类型4.3JavaScript对象、函数和事件4.3.1对象的定义和访问4.3.2函数的定义和调用4.3.3事件和事件属性4.1JavaScript简介
复制链接

扫一扫