js基本语法

最新推荐文章于 2022-12-21 09:51:32 发布

敬礼 salute

最新推荐文章于 2022-12-21 09:51:32 发布

阅读量239

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_49868928/article/details/109279100

版权

1.JavaScript介绍:
JS是运行在客户端(浏览器)的脚本语言,是基于事件驱动的弱类型的脚本语言;
浏览器的内核: 渲染引擎和JS引擎

脚本语言: 是一种解释型的语言
解释性语言是指它常用的执行机制是使用一个“解释器”来执行，解释器对于程序是一句一句“翻译”成机器语言来一句一句执行，例如shell脚本语言。
(将代码翻译一句, 就会执行一句)
编译型的语言: 编译型语言是指它常用的执行机制是使用一个“编译器”来编译成机器语言，然后你就可以直接运行（执行）这个编译成的“可执行文件”。例如C语言你也可以为解释性语言（如shell脚本语言)写个编译器来编译，这样它就成了“编译语言”
(将代码 编译完成之后 统一的来执行)

弱类型: 是指根据变量的值 来确定  变量的数据类型
主要是通过   var 定义变量:  var a=10


强类型的语言: Java,  C#   ,  php   ,  python......

事件驱动: 是指  JS提供了有关的事件(被动的行为)

JavaScript基本的构成:
(1)ECMAScript(5.0) ==>ES5: JS基础语法
变量,数据类型,运算符和表达式, 流程控制, 函数, 数组, 对象…

(2)BOM操作(浏览器对象模型): 操作浏览器的一些行为;

(3)DOM操作(重点)(文档对象模型): 操作HTML文档;

JavaScript体验
JavaScript引入页面的三种方式
(1)行间嵌入;
(2)内嵌嵌入;
(3)外部引入;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 第一种内嵌的写法   在head中引入 -->
    <!-- <script>
        alert('内嵌js代码，在运行当前文档的时候就会执行js代码');
    </script> -->
    <!-- 外部引入的第一种方式 -->
    <!-- <script src=""></script> -->
</head>
<body>
    <!-- js嵌入页面的第一种方式：行间js -->
    <input type="button" value="点击我弹出" onclick="alert('行间点击事件出发   从而执行js代码')">


    <!-- 第二种  内嵌写法  写在body的最下面 推荐 -->
    <!-- <script>
        alert('写在body下面 内嵌第二种');
    </script> -->

    <!-- 外部引入的第二种方式  在body中引入-->
    <!-- <script src=""></script> -->
</body>
</html>

2.定义变量访问变量输出变量/得到变量

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //定义变量   使用关键字var定义
        var num1;
        //初始化变量   就是给变量赋值
        num1=0;
        //访问变量  变量名访问变量的值
        //alert(num1);
        console.log(num1);//将其结果输出在网页控制台上
    </script>
</body>
</html>

3.javasrcipt的数据类型
(1)基本数据类型
1.数字类型 number
2.字符串类型 string
3.boolean类型
4.未定义类型 undefined
5.空类型 null
null类型,表示空对象如果定义的变量将来准备保存对象可以将变量初始化为null 在页面上获取不到对象返回的值就为null(空)
(2)符合的数据类型 object
下面代码一一解释

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //(1)基本数据类型
        //1.数字类型  number
        var num=1000;
        console.log(num);//1000
        //typeof可以用来输出变量的数据类型
        console.log(typeof num);//number   数字类型

        var num1=10.598;
        console.log(num1);
        console.log(typeof num1);//number

        //2.字符串类型  string
        var str1='asddd';
        //length     获取字符串的长度
        console.log(str1.length);
        console.log(str1);

        //3.boolean类型
        var bool=true;
        console.log(bool);
        console.log(typeof bool);

        //4.未定义类型
        var undefined1;
        console.log(undefined1);
        console.log(typeof undefined1);
        
        //5.null     空类型
        //null类型,表示空对象   如果定义的变量将来准备保存对象   可以将变量初始化为null   在页面上获取不到对象   返回的值就为null(空)
        var null1=null;
        console.log(null1);//null

        //(2)符合的数据类型  object
        // var num=new Number();
        // var obj=new Object();
        //  console.log(typeof obj);
         
         var dateDay=new Date();
         console.log(dateDay);
         console.log(typeof dateDay);
    </script>
</body>
</html>

敬礼 salute

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js基本语法

1.JavaScript介绍:JS是运行在客户端(浏览器)的脚本语言,是基于事件驱动的弱类型的脚本语言;浏览器的内核: 渲染引擎和JS引擎脚本语言: 是一种解释型的语言解释性语言是指它常用的执行机制是使用一个“解释器”来执行，解释器对于程序是一句一句“翻译”成机器语言来一句一句执行，例如shell脚本语言。(将代码翻译一句, 就会执行一句)编译型的语言: 编译型语言是指它常用的执行机制是使用一个“编译器”来编译成机器语言，然后你就可以直接运行（执行）这个编译成的“可执行文件”。例如C语言你也可以
复制链接

扫一扫