【博学谷学习记录】超强总结 用心分享|前端学习w5-javascript入门

92 阅读2分钟

'hello world'我又来咯,这周的进度到了javascript入门阶段,芜湖,一起来复习一下简单的吧

1.1 JavaScript 是什么

  1. JavaScript 是什么 是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。

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

微信截图_20221023212523.png

3. JavaScript的组成(有什么?)

 ECMAScript:

规定了js基础语法核心知识。

 比如:变量、分支语句、循环语句、对象等等

 Web APIs :

 DOM 操作文档,比如对页面元素进行移动、大小、添加删除等操作

 BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等

权威网站: MDN

微信截图_20221023212832.png

1.2 JavaScript 书写位置

  1. 内部 JavaScript

直接写在html文件里,用script标签包住

规范:script标签写在上面

拓展: alert(‘你好,js’) 页面弹出警告对话框

  <body>
    <!-- 内部js -->
    <script>
      // 页面弹出警示框
      alert("hello world");
    </script>
  </body>

1.2 JavaScript 书写位置

2. 外部 JavaScript

代码写在以.js结尾的文件里

语法:通过script标签,引入到html页面中。


<body>
  <script src="./js/my.js">
    // 中间不要写内容,内容多的时候单独些
  </script>
</body>

3. 内联 JavaScript

代码写在标签内部,目前很少用

1.3 JavaScript 注释

目标:会使用两种JavaScript注释方法

 单行注释

 符号://

 作用://右边这一行的代码会被忽略

 快捷键:ctrl + /

 块注释

 符号:/* */

 作用:在/* 和 */ 之间的所有内容都会被忽略

 快捷键:shift + alt + A

微信截图_20221023213546.png

.4 JavaScript 结束符

 目标:了解JavaScript结束符

 结束符

 作用: 使用英文的 ; 代表语句结束

 实际情况: 实际开发中,可写可不写, 浏览器(JavaScript 引擎) 可以自动推断语句的结束位置

 现状: 在实际开发中,越来越多的人主张,书写 JavaScript 代码时省略结束符

 约定:为了风格统一,结束符要么每句都写,要么每句都不写(按照团队要求.)

  <body>
    <script>
      // 可写可不写,按公司要求
      alert("你好");
      alert("我很好");
    </script>
  </body>

.5 JavaScript 输入输出语法

目标:能写出常见 JavaScript 输入输出语法

输出和输入也可理解为人和计算机的交互,用户通过键盘、鼠标等向计算机输入信息,计算机处理后再展示结果给用户 ,这便是一次输入和输出的过程。


  <script>
    // 1. 文档输出内容
    document.write('我是div标签')
    document.write('<h1>我是标题</h1>')
    // 2. 控制台打印输出 给 程序员
    console.log('看看对不对')
    console.log('日志')
    // 3. 输入语句
    prompt('请输入您的年龄:')
  </script>
</body>

5. JavaScript 输入输出语句?

 输入: prompt()

 输出: alert() document.write() console.log() 5. JavaScript 输入输出语句?

 输入: prompt()

 输出: alert() document.write() console.log()

微信截图_20221023213955.png

ok 本周复习到此为止