网页的行为JavaScript

李幽微

已于 2022-04-23 17:07:12 修改

阅读量425

点赞数

分类专栏： JavaWeb 文章标签： javascript

于 2022-04-23 17:00:57 首次发布

本文链接：https://blog.csdn.net/nangon1234/article/details/124288785

版权

1.JavaScript 介绍

2.JavaScript 和 html 代码的结合方式

6.2 函数的 arguments 隐形参数（只在 function 函数内）

7.JS 中的自定义对象（扩展内容）

8.js 中的事件

9.DOM 模型

9.1 Document 对象（*****重点*****）

9.2 Document 对象中的方法介绍（*****重点*****）

9.3 节点的常用属性和方法

1.JavaScript 介绍

Javascript 语言诞生主要是完成页面的数据验证。因此它运行在客户端，需要运行浏览器来解析执行 JavaScript 代码。

JS 是 Netscape 网景公司的产品，最早取名为 LiveScript; 为了吸引更多 java 程序员。更名为 JavaScript 。

JS 是弱类型， Java 是强类型。

特点：

1. 交互性（它可以做的就是信息的动态交互）

2. 安全性（不允许直接访问本地硬盘）

3. 跨平台性（只要是可以解释 JS 的浏览器都可以执行，和平台无关）

2.JavaScript 和 html 代码的结合方式

2.1 内联式

只需要在 head 标签中，或者在 body 标签中，使用 script 标签来书写 JavaScript 代码

示例代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--内联式-->
    <script type="text/javascript">
        // alert是JavaScript语言提供的一个警告框函数。
        // 它可以接收任意类型的参数，这个参数就是警告框的提示信息
        alert("hello javaScript!");
    </script>
</head>
<body>

</body>
</html>

2.2 外联式

使用 script 标签引入单独的 JavaScript 代码文件

文件目录结构如下：

示例代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--
        现在需要使用script引入外部的js文件来执行
            src 属性专门用来引入js文件路径（可以是相对路径，也可以是绝对路径）

        script标签可以用来定义js代码，也可以用来引入js文件
        但是，两个功能二选一使用。不能同时使用两个功能
    -->
    <script type="text/javascript" src="1.js"></script>
    <script type="text/javascript">
        alert("国哥现在可以帅了");
    </script>
</head>
<body>

</body>
</html>

3.变量

JavaScript 的五种变量类型
- 数值类型： number
- 字符串类型： string
- 对象类型： object
- 布尔类型： boolean
- 函数类型： function
JavaScript 里三个特殊的值
- undefined 未定义，所有 js 变量未赋于初始值的时候，默认值都是 undefined.
- null 空值
- NaN 全称是：Not a Number。非数字。非数值。
JS 中的定义变量格式

var 变量名 ;

var 变量名 = 值 ;

示例代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
        var i;
        // alert(i); // undefined
        i = 12;
        // typeof()是JavaScript语言提供的一个函数。
        // alert( typeof(i) ); // number

        i = "abc";
        // 它可以取变量的数据类型返回
        // alert( typeof(i) ); // String

        var a = 12;
        var b = "abc";

        alert( a * b ); // NaN是非数字，非数值。

    </script>
</head>
<body>

</body>
</html>

typeof() 查看数据变量类型

4.运算符

4.1 关系比较运算符

== 等于是简单的做字面值的比较

=== 全等于除了做字面值的比较之外，还会比较两个变量的数据类型

示例代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">

        var a = "12";
        var b = 12;

        alert( a == b ); // true
        alert( a === b ); // false

    </script>
</head>
<body>

</body>
</html>

4.2 逻辑运算

且运算： &&

或运算： ||

取反运算： !

在 JavaScript 语言中，所有的变量，都可以做为一个 boolean 类型的变量去使用。

0 、 null 、 undefined 、 ””( 空串 ) 都认为是 false ；

/*&& 且运算。

有两种情况：

第一种：当表达式全为真的时候。返回最后一个表达式的值。

第二种：当表达式中，有一个为假的时候。返回第一个为假的表达式的值

|| 或运算

第一种情况：当表达式全为假时，返回最后一个表达式的值

第二种情况：只要有一个表达式为真。就会把回第一个为真的表达式的值

并且 && 与运算和 || 或运算有短路。

短路就是说，当这个 && 或 || 运算有结果了之后。后面的表达式不再执行

*/

var a = "abc" ;

var b = true ;

var d = false ;

var c = null ;

示例代码如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript">
   /*     在JavaScript语言中，所有的变量，都可以做为一个boolean类型的变量去使用。
        0 、null、 undefined、””(空串) 都认为是 false；*/

        // var a = 0;
        // if (a) {
        //     alert("零为真");
        // } else {
        //     alert("零为假");
        // }

        // var b = null;
        // if (b) {
        //     alert("null为真");
        // } else {
        //     alert("null为假");
        // }

        // var c = undefined;
        // if (c) {
        //     alert("undefined为真");
        // } else {
        //     alert("undefined为假");
        // }

        // var d = "";
        // if (d) {
        //     alert("空串为真");
        // } else {
        //     al

最低0.47元/天解锁文章

李幽微

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页的行为JavaScript

1.JavaScript 介绍 Javascript 语言诞生主要是完成页面的数据验证。因此它运行在客户端，需要运行浏览器来解析执行 JavaScript 代码。 JS 是 Netscape 网景公司的产品，最早取名为 LiveScript;为了吸引更多 java 程序员。更名为 JavaScript。 JS 是弱类型，Java 是强类型。特点： 1. 交互性（它可以做的就是信息的动态交互） ...
复制链接

扫一扫