初谈JavaScript

JavaScript

1. JavaScript （是什么？）

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

JavaScript 最初被创建的目的是“使网页更生动”。这种编程语言写出来的程序被称为 脚本。它们可以被直接写在网页的 HTML 中，在页面加载的时候自动执行。脚本被以纯文本的形式提供和执行。它们不需要特殊的准备或编译即可运行。

2. 浏览器中的JavaScript是什么组成的？

ECMAScript( 基础语法 )、web APIs （DOM、BOM）

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

Web APIs : DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作 BOM 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等 注意 DOM属于BOM

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

JavaScript---script元素

async: 可选，表示立即开始下载脚本，但不能阻止其他页面运行

charset: 可选，使用src属性指定的代码字符集crossorigin: 可选，配置相关请求的CORS(跨源资源共享)设置。默认不适用CORS

defer: 可选，表示脚本可以延迟到文件完全被解析和显示之后再执行

integrity: 可选，允许比对接收到的资源和指定的加密签名以验证子资源完整性。如果接收到的资源和签名与这个属性的签名不匹配，则页面会报错，脚本不执行

language: 废弃

type: 替代language，type=“text/javascript”

src： 可选，引入外部js文件

JavaScript 书写位置

跟css样式表一样--三种方式

注意：js里面的单引号和双引号需要相互嵌套，单引号里面要包含双引号，双引号里面要包含单引号

1. 内部 JavaScript

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

规范：script标签写在上面

alert--弹出警报框---缺点：不点确定不加载后面的页面内容--阻止浏览器的页面执行

<!-- 写在script标签中的内容会默认以js语法进行解析 -->
  <script>
    // 可以使用单 引号或双引号，反引号
      //注意：反引号换行书写不会报错，也能运行，但是单、双引号会报错
    alert('hellow,JS')
    alert("hellow,JS")
    alert(`hellow,JS`)
  </script>
</body>

注意：将

<!-- 引入外部js,在/body前面 -->
  <!-- 外部js的优点
          1.谁需要谁就引用，可以复用
          2.方便后期的管理和修改 -->
  <script src="./js/first.js">
    // 在使用src引入其它的资源的时候，写在这里的代码会被忽略
    alert('123')
  </script>
</body>

<button onclick='alert("你好呀"); alert("456")'>点我啊</button>
  </body>