01 Js简介&变量

Javascript简介

web前端有三层：

HTML:从语义的角度，描述页面的结构
CSS:从审美的角度，描述样式（美化页面）
JavaScript：从交互的角度，描述行为（提升用户体验）

JavaScript的组成

ECMAScript 5.0:定义了js的语法标准：包含变量、表达式、运算符、函数、if语句 for循环 while循环、内置的函数
DOM :操作网页上元素的API。比如让盒子显示隐藏、变色、动画 form表单验证
BOM:操作浏览器部分功能的API。比如刷新页面、前进后退、让浏览器自动滚动as

工具挑选：

　　前端常用开发工具：sublime、visual Studio Code、HBuilder、Webstorm。

　　那么大家使用的PCharm跟WebStorm是JetBrains公司推出的编辑工具，开发阶段建议使用。

JS的引用&变量命名：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-U-Compatible" content="IE-edge">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>01 Js简介&引入</title>
</head>
<body>
<!--内接式-->
    <script type="text/javascript">
        //你要写的js代码  (//两个斜杠是注释)
        console.log('Hello World!'); //控制台输出
        alert('Hello World!'); //浏览器自带的警告弹框
    </script>

<!--外接式-->
<!--写好的js放入的src指定的文件里，类似于python里引入模块，文件指定的js都可以在这里调用-->
    <script type="text/javascript" src="jquery-3.3.1.js"></script>

<!--变量-->
<!--定义变量：var就是一个关键字，用来定义变量。所谓关键字，就是有特殊功能的小词语。关键字后面一定要有空格隔开。-->
<!--变量的赋值：等号表示赋值，将等号右边的值，赋给左边的变量。-->
<!--变量名：我们可以给变量任意的取名字。-->
    <script type="text/javascript">
        //直接定义变量+赋值  在js中使用var关键字 进行变量的声明,注意 分号作为一句代码的结束符
        var str='Hello World!';
        console.log(str);

        // 也可以先定义后赋值
        var a;
        console.log(a);  // 控制台输出 undefined 因为这个时候并没有给变量定义
        a = 10086;
        console.log(a);

        //如果没有定义就直接引用会报错
        console.log(x);  //  控制台报错：Uncaught ReferenceError: x is not defined
    </script>

</body>
</html>

变量的命名规范

　　变量名有命名规范：只能由英语字母、数字、下划线、美元符号$构成，且不能以数字开头，并且不能是JavaScript保留字。

Javascript简介

JavaScript的组成

工具挑选：

JS的引用&变量命名：

变量的命名规范

猜你喜欢