js入门

最新推荐文章于 2020-08-08 22:32:58 发布

都柏林往事

最新推荐文章于 2020-08-08 22:32:58 发布

阅读量66

点赞数

分类专栏： web 文章标签： js

原文链接：https://www.w3school.com.cn

版权

web 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

js

js基础：
1
getElementById() 是多个 JavaScript HTML 方法之一。
本例使用该方法来“查找” id=“demo” 的 HTML 元素，并把元素内容（innerHTML）更改

<!DOCTYPE html>
<html>
<body>

<h2>JavaScript 能做什么</h2>

<p id="demo">JavaScript 能够改变 HTML 内容。</p>

<button type="button" onclick='document.getElementById("demo").innerHTML = "Hello JavaScript!"'>点击我！</button>

</body>
</html>

2
提示：JavaScript 同时接受双引号和单引号

<button onclick="document.getElementById('myImage').src='/i/eg_bulbon.gif'">开灯</button>

<img id="myImage" border="0" src="/i/eg_bulboff.gif" style="text-align:center;">

<button onclick="document.getElementById('myImage').src='/i/eg_bulboff.gif'">关灯</button>

3
JavaScript 能够隐藏 HTML 元素
可通过改变 display 样式来隐藏 HTML 元素：

实例
document.getElementById(“demo”).style.display=“none”;
4
在 HTML 中，JavaScript 代码必须位于标签之间。
提示：把脚本置于元素的底部，可改善显示速度，因为脚本编译会拖慢显示。

外部脚本很实用，如果相同的脚本被用于许多不同的网页。

JavaScript 文件的文件扩展名是 .js。

如需使用外部脚本，请在 script标签的 src (source) 属性中设置脚本的名称：

实例

<script src="myScript.js"></script>

注释：外部脚本不能包含script 标签。

外部 JavaScript 的优势
在外部文件中放置脚本有如下优势：

分离了 HTML 和代码
使 HTML 和 JavaScript 更易于阅读和维护
已缓存的 JavaScript 文件可加速页面加载
如需向一张页面添加多个脚本文件 - 请使用多个 script 标签：

5
JavaScript 能够以不同方式“显示”数据：

使用 window.alert() 写入警告框
使用 document.write() 写入 HTML 输出
使用 innerHTML 写入 HTML 元素
使用 console.log() 写入浏览器控制台

出于测试目的，使用 document.write() 比较方便
注意：在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML ：

使用 window.alert()
您能够使用警告框来显示数据
如果有分号分隔，允许在同一行写多条语句：

在这里插入图片描述
字符串和数字的相加
相加两个数字，将返回和，但对一个数字和一个字符串相加将返回一个字符串：

6

或

取幂运算符（**）将第一个操作数提升到第二个操作数的幂。
在这里插入图片描述
7
JavaScript 数据类型
字符串值，数值，布尔值，数组，对象

JavaScript 数组
JavaScript 数组用方括号书写。

数组的项目由逗号分隔。
JavaScript 对象
JavaScript 对象用花括号来书写。

对象属性是 name:value 对，由逗号分隔。
ypeof 运算符
您可使用 JavaScript 的 typeof 来确定 JavaScript 变量的类型：

typeof 运算符返回变量或表达式的类型：
typeof 运算符对数组返回 “object”，因为在 JavaScript 中数组属于对象。

Undefined
在 JavaScript 中，没有值的变量，其值是 undefined。typeof 也返回 undefined。
任何变量均可通过设置值为 undefined 进行清空。其类型也将是 undefined。
空值与 undefined 不是一回事。
空的字符串变量既有值也有类型。

Null
在 JavaScript 中，null 是 “nothing”。它被看做不存在的事物。
不幸的是，在 JavaScript 中，null 的数据类型是对象。
您可以把 null 在 JavaScript 中是对象理解为一个 bug。它本应是 null。
您可以通过设置值为 null 清空对象：
也可以通过设置值为 undefined 清空对象：在这里插入图片描述

复杂数据
typeof 运算符可返回以下两种类型之一：
function
object
typeof 运算符把对象、数组或 null 返回 object。
typeof 运算符不会把函数返回 object。
typeof 运算符把数组返回为 “object”，因为在 JavaScript 中数组即对象。

8
函数
JavaScript 函数语法
JavaScript 函数通过 function 关键词进行定义，其后是函数名和括号 ()。
函数名可包含字母、数字、下划线和美元符号（规则与变量名相同）。
圆括号可包括由逗号分隔的参数：
(参数 1, 参数 2, …)
由函数执行的代码被放置在花括号中：{
function name(参数 1, 参数 2, 参数 3) {
要执行的代码
}
函数参数（Function parameters）是在函数定义中所列的名称。
函数参数（Function arguments）是当调用函数时由函数接收的真实的值。
在函数中，参数是局部变量
在其他编程语言中，函数近似程序（Procedure）或子程序（Subroutine）。

函数调用
函数中的代码将在其他代码调用该函数时执行：

当事件发生时（当用户点击按钮时）
当 JavaScript 代码调用时
自动的（自调用）

函数返回

当 JavaScript 到达 return 语句，函数将停止执行。
如果函数被某条语句调用，JavaScript 将在调用语句之后“返回”执行代码。
函数通常会计算出返回值。这个返回值会返回给调用者：

局部变量
在 JavaScript 函数中声明的变量，会成为函数的局部变量。
局部变量只能在函数内访问。
由于局部变量只能被其函数识别，因此可以在不同函数中使用相同名称的变量。
局部变量在函数开始时创建，在函数完成时被删除。

9
JavaScript 对象
JavaScript 变量是数据值的容器。
对象也是变量。但是对象包含很多值。
值以名称:值对的方式来书写（名称和值由冒号分隔）。
JavaScript 对象是被命名值的容器。

对象方法
对象也可以有方法。
方法是在对象上执行的动作。
方法以函数定义被存储在属性中。
方法是作为属性来存储的函数。

访问对象属性
能够以两种方式访问属性：objectName.propertyName或者objectName[“propertyName”]

访问对象方法
能够通过如下语法访问对象方法：

objectName.methodName()

方法实际上是以属性值的形式存储的函数定义。
请不要把字符串、数值和布尔值声明为对象！
如果通过关键词 “new” 来声明 JavaScript 变量，则该变量会被创建为对象：

都柏林往事

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js入门

jsjs基础：1getElementById() 是多个 JavaScript HTML 方法之一。本例使用该方法来“查找” id=“demo” 的 HTML 元素，并把元素内容（innerHTML）更改<!DOCTYPE html><html><body><h2>JavaScript 能做什么</h2><p ...
复制链接

扫一扫

专栏目录