JavaScript简介

帅气的一朵云朵
113 阅读3分钟

JavaScript

    1. JavaScript （是什么？）

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

    1. 作用 （做什么？）
  • 网页特效(监听用户的一些行为让网页做出对应的反馈)
  • 表单验证(针对表单数据的合法性判断)
  • 数据交互(获取后台的数据，渲染到前端)
  • 服务端编程(node.js)
    1. JavaScript的组成(有什么？)

ECMAScript：

  • 规定了js基础语法核心知识。
  • 比如：变量，分支语句，循环语句，对象等等
  • Web APls ：
  • DOM 操作文档，比如对页面元素进行移动，大小，添加删除等操作
  • BOM 操作浏览器，比如页面弹窗，检查窗口宽度，存储数据到浏览器等等

JavaScript书写位置

  • 目标：知道如何向页面添加JavaScript
          -行内样式表        -行内样式表        
css 位置  -内部样式表        -内部样式表 JavaScript
          -外部样式表        -外部样式表
    1. 内部JavaScript
  • 直接写在HTML文件里，用script标签包住
  • 规范：script标签写在上面
  • 拓展：alert('你好，js')页面弹出警告对话框
  • 注意事项
  • 我们将 < script> 放在HTML文件的底部附件的原因是浏览器会按照代码在文件中的顺序加载HTML。
  • 如果先加载的JavaScript期望修改其下方的HTML，那么他可能由于HTML尚未被加载而失效。
  • 因此，将JavaScript代码放在HTML页面的底部附件通常是最好的策略。
    1. 外部JavaScript
  • 代码写在以.js结尾的文件里
  • 语法：通过script标签，引入到html页面中。
<body>
<!-- 通过src引入外部js文件 -->
<script src="my.js"></script>
</body>
  • 注意事项：
  1. script标签中间无需写代码，否则会被忽略！
  2. 外部JavaScript会使代码更加有序，更易于复用，且没有了脚本的混合，HTML也会更加易读，因此这是个好习惯。
    1. 内联JavaScript
  • 代码写在标签内部
  • 语法：
  • 注意：此处作为了解即可，但是后面vue框架会用这种模式
<body>
    <button onclick="alert('逗你玩~~~')"> 点击我月薪过万 </button>
</body>

JavaScript输入输出语法

  • 目标：能写出常见JavaScript输入输出语法
  • 什么是语法：
  • 人和计算机打交道的规则约定
  • 我们要按照这个规则去写
  • 比如：你吃了吗？
  • 我们程序员需要操控计算机，需要计算机能看懂
  • 输出和输入也可理解为任何计算机的交互，用户通过键盘，鼠标等向计算机输入信息，计算机处理后再展示结果给用户，这便是一次输入和输出的过程。
  • 输出语法：
  • 语法1： document.write('要出的内容')
  • 作用：向body内输出内容
  • 注意：如果输出的内容写的是标签，也会被解析成网页元素
  • 语法2：

alert('要出的内容')

  • 作用:页面弹出警告对话框
  • 语法3：

console.log('控制台打印')

  • 作用：控制台输出语法，程序员调试使用
  • JavaScript代码执行顺序：
  • 按HTML文档流顺序执行JavaScript代码
  • alert()和prompt()他们会跳过页面渲染先被执行(目前作为了解，后期讲解详细执行过程)
  • 目标：能说出什么是字面量
  • 在计算机科学中，字面量（literal）是在计算机中描述 事/物
  • 比如：
  • 我们工资是： 1000 此时 1000 就是 数字字面量
  • '黑马程序员' 字符串字面量
  • 还有接下来我们学的 [] 数组字面量 {} 对象字面量 等等
avatar
文章
阅读
粉丝