js基础

第一节

1.什么是JavaScript?

是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。

2.JavaScript的作用

1.网页特效 (监听用户的一些行为让网页作出对应的反馈) 2.表单验证 (针对表单数据的合法性进行判断) 3.数据交互 (获取后台的数据, 渲染到前端) 4.服务端编程 (node.js)

3.JavaScript的组成

1.ECMAScript: 规定了js基础语法核心知识。比如：变量、分支语句、循环语句、对象等等 2.Web APIs : 2.1DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作 2.2BOM 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等注意 DOM属于BOM

权威网站： MDN

4.JavaScript的书写位置

1.内联 JavaScript

<body>
    <!-- 代码写在标签内部 --> 
<button onclick="alert('你真好')">点我啊。来啊</button>
</body>

2.内部 JavaScript

<body>

<!-- 内部 ，写在body的最下面-->
    <script>
        alert('你好变态啊，我好喜欢')
    </script>
</body>

3.外部 JavaScript

<body>

    <!-- 外部  注意事项：script标签中间无需写代码，否则会被忽略！ -->
    <script src="./外部.js"></script>
</body>

5.JavaScript的注释

1.单行：快捷键：ctrl + /

2.多行：快捷键：shift+alt+a

6.JavaScript结束符

分号；

结束符可以省略吗？

Yes, 因为 js中换行符（回车）会被识别成结束符但为了风格统一，要写结束符就每句都写，要么每句都不写

7.JavaScript 输入输出语法

输出语法

<body>
    <script>
        // 向body内输出内容/如果输出的内容写的是标签，也会被解析成网页元素

        document.write('我是一行文字')
        // 页面弹出警告对话框
        alert('我是警告流氓框')
    //    最常用： 控制台输出语法，程序员调试使用
    console.log('我是最常用的');

    </script>
</body>

输入语法

 <script>

    // 输入语法：prompt 把prompt放进一个变量存储起来，输出框便可调用变量 变量不可再用引号
    
    age = prompt('请输入你的年龄')
    document.write(age)
    alert(age)
    console.log(age);

    </script>

获取多个输出

<script>

    age = prompt('请输入你的年龄')
    name = prompt('请输入你的姓名')
    adress = prompt('请输入你的地址')
    music = prompt('请输入你的音乐')
    sports = prompt('请输入你的运动')
  
    console.log(age +  name +  adress +  music + sports);

    </script>

JS基础