# day01-js基础语法

js基础内容

0. 前端方向所学的基础

   • HTML======超文本标记语言====标签语言
   • CSS========对于超文本标记语言的修饰
   • JS==========行为，交互，编程语言 JavaScript

1. JavaScript都能做什么

   • 常见的网页效果（表单验证，轮播图等等。。）
   • 与H5配合实现游戏
   • 实现应用级别的程序
   • 实现统计效果
   • 地理定位等功能
   • 在线学编程
   • js可以实现人工智能

JavaScript的组成

0. ECMAScript：定义了javascript的语法规范，描述了语言基本语法和数据类型，js的一个开发标准

1. BOM（Browser Object Model）：浏览器对象模型

   • 窗口大小改变，弹窗，浏览器之间的跳转，获取你电脑分辨率等等。

2. DOM（Docunment Object Model）：文档对象模型

   • 页面中见到的所有内容，所有标签，都可以算作dom，以后的学习大部分操作dom
   • 对页面中的元素实现：增删改查

3. 总结：js就是通过固定的语法去操作浏览器和标签结构来实现网页上的各种效果。

JavaScript代码的书写位置

0. js需要写在页面中或者是独立的js文件中

1. js的书写位置：

   • 行内式：直接把js代码放在标签里面
   • 内嵌式：把js的语法语句放在一个script标签里面，把script标签放在html文件中
   • 外链式：把对应的js语法放在独立的以js为后缀名的文件中；需要进行引入通过script标签引入即可

JavaScript行内式代码的书写方法（不推荐）

0. 必然需要对应的事件行为来触发，事件行为触发：a标签

   • <!-- 行内式  a标签里面的时候必须放在href属性上面 -->
     <a href="javascript:alert('你好欢迎来到js世界')">百度一下</a>
     

1. 如果需要div，b，strong，标签触发事件行为，需要绑定一个单击事件，当点击的时候再去触发。

   • <div onclick="alert('我是div我欢迎你来js世界')">我是一个普通的div标签</div>
     

2. 实际开发的时候，都不使用行内式；充分做到结构样式和行为的分离，写在行内式的话，代码太乱

JavaScript内嵌式代码的书写方法

0. 内嵌式，类似于内部样式表，需要放在一个script标签里面，把script标签放在html文件中。

   • <script>
         alert("hahahahhahah")
     </script>
     

JavaScript外链式代码的书写方法

0. 通过script标签引入即可

   • <script src="js/02-3.js"></script>
     

1. 一个页面中可以引入多个js文件

2. 外链式script标签里面不能再写任何的代码，因为写了都不执行

JavaScript里面的注释

0. 单行注释：// 快捷键 crtl+/

   • // alert ('hahahahahha')
     

1. 多行注释：/**/ 快捷键 alt+shift+a，也叫块级注释，注释一段js代码

   0. /* alert ('hahahahahha')
      var = 100
      alert ('hahahahahha')
      var = 100
      alert ('hahahahahha')
      var = 100
      alert ('hahahahahha')
      var = 100
      alert ('hahahahahha')
      var = 100 */
      

JavaScript输出语句

0. 作用：可以帮助做测试判断是否执行这一句话，上面的代码是否被执行

1. alert输出

   • <script>
             alert('哈哈哈哈哈哈哈哈哈')//alert输出语句
     </script>
     

2. 控制台输出 console.log() 控制台里查看

   • <script>
        console.log("hhhhhhhhhhhh")//控制台输出语句
     </script>
     

3. 页面中输出 document.write() 向页面中打印输出

   • <script>
         document.write("hahahahahah")
     </script>
     

JavaScript的变量及赋值

0. 变量：可以变化的量，可以用于保存任何类型的数据

1. 如何声明一个变量，通过关键词var

   • <script>
         var num
     </script>
     

2. 给变量进行赋值

   • <script>
         var 
         num=100
     </script>
     将数值100赋值给变量num  =代表的是赋值
     

3. 定义变量并赋值

   • <script>
         var num1=200
     </script>
     声明一个变量num1并且直接赋值为200
     

4. 注意：

   • 一个变量只能存储一个值
   • 如果再次给这个变量一个值的话，前面一次的值会被覆盖掉
   • 变量命名的时候区分大小写

\