JavaScript学习笔记(1)简介

作者: 麻辣阁 分类: JavaScript 发布时间: 2019-02-03 20:18

ECMAScript 与 JavaScript

  • ES是 JS的国际标准, JS是 ES的一种实现.
  • ES5.1 已经成为ISO国际标准, 支持严格模式(语法检查相关), 目前5大主流浏览器都已经支持(IE,Chrome,FireFox,Safari,Opera), ES5.1语言规范: http://es5.github.io/
  • ES6 还在变动中, 兼容ES5.1, 各个浏览器对 ES6的支持情况, 可以查看: http://kangax.github.io/compat-table/es6/
  • ES 是 JavaScript 实现中的核心部分, 除此之外, JavaScript的实现中还包括 DOM,BOM
    • JavaScript实现
      • 1.ECMAScript标准的实现(JavaScript语言规范的实现)
      • 2.DOM:文档对象模型
        • 针对 HTML的应用程序编程接口
        • SVG:可伸缩矢量图
        • MathML:数学标记语言
        • SMIL:同步多媒体集成语言
      • 3.BOM:浏览器对象模型,没有任何标准
        • Cookie
        • IE的 ActiveXObject类, 通过JS实例化 ActiveX对象

JavaScript脚本与 HTML文件

1. 可以直接在 HTML中嵌入 JS脚本

使用 <script> 标记 JS脚本的起止点.

2. 写 .js 文件

  • .js文件内不需要使用 <script> 标记 JS脚本的起止点.
  • 在 HTML文件内调用 .js文件的内容时, 依然需要使用 <script> 标记
  • 用src属性引入外部 .js文件时, 不能再包含其他JS代码
  • 为了避免页面内容加载延迟,一般把 JS引用放在 HTML 标签 body结尾之前:
<!doctype <!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title><Page Title></title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="main.css" />
    <script src="main.js"></script>
</head>
<body>
   <!--这里是网页内容-->
   <script>//这里放JS引用和JS内嵌脚本</script> 
</body>
</html>

编辑器和调试环境

onload 事件

window.onload 事件只有在文档加载完毕后才会响应, 一般放页面初始化处理函数.

使用控制台调试

和其他语言中的print语句一样, 可以使用 console.log 在控制台输出需要的消息

console.log("要在控制台输出的语句")

发表评论

电子邮件地址不会被公开。 必填项已用*标注