JS简介

  • 什么是JS-Java-Script的简称，是一种脚本语言
  • 什么是动态页面、静态页面（以人机交互做为区分的）
  • JS不需要安装就可以使用了
  • BOM（浏览器对象模型），DOM（文档对象模型）
  • 可以运用在html结构中任意一个地方

页面使用JS的方法

  • 使用 “script” 在HTML页面中插入JavaScript

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>JS基础</title>
    </head>
    <body>
        <script type="text/javascript">
            alert("hello,javascript")
        </script>
    </body>
    </html>

  • 引用外部JS文件

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>JS基础</title>
    </head>
    <body>
    <script type="text/javascript" src="js1.js"></script><!--引用外部文件-->
    </body>
    </html>

JS的变量

JS变量的简介

简介：与其他程序设计语言相同，是用来临时存储信息，变量赋值是弱数据类型赋值，不用像Java那样强调变量的数据类型

JS创建的创建方法

  • 方法一

    1
    2
    var x =1;
    var x =2,name="zhangsan";

  • 方法二

    1
    2
    var x;
    x=1;

小贴士

Js中的变量，区分类型，但是没有int类型的关键字

JS调试

JS调试的方法

  • alter弹框调试
  • console.log控制台输出调试

JS调式的作用

观察变量值的变化规律，是否符合程序设计的目的

JS调式的示例

  • 方法一

    1
    2
    var x ="123";
    alert(x);//网页出现弹框，弹框中是我们想要的结果

    image-20220404220826413

  • 方法二

    1
    2
    var x ="123";
    console.log(x+1);

    image-20220404220937802