js 初识

Posted on   |   In   |     |   Views

ECMAScript 是一种由 Ecma 国际前身为欧洲计算机制造商协会,英文名称是European Computer Manufacturers Association，制定的标准。 JavaScript 是由公司开发而成的，公司开发而成的一定是有一些问题，不便于其他的公司拓展和使用。所以欧洲的这个ECMA的组织，牵头制定 JavaScript 的标准，取名为 ECMAScript。简单来说 ECMAScript 不是一门语言，而是一个标准。符合这个标准的比较常见的有：JavaScript、Action Script（Flash中用的语言）。就是说，你JavaScript学完了，Flash中的程序也会写了。 ECMAScript 在 2015 年 6 月，发布了 ECMAScript 6 版本，语言的能力更强。

javaScript 概念、组成

概念：js是一门在客户端进行交互的网页编程语言.

一个完整的 JavaScript实现应该由下列三个部分组成：

  • 组成：
    • ECMAScript js标准
    • dom 可以利用JS操作网页元素
    • Bom 通过api来操作浏览器

ECMAScript

web 浏览器是 ECMAScript 实现可能的宿主环境之一，ECMAScript 规定了语言的的下列组成部分：

  • 语法
  • 类型
  • 语句
  • 关键字
  • 保留字
  • 操作符
  • 对象

ECMAScript 就是对实现这个标准规定的各方面内容的语言描述。

DOM 文档对象模型 简介

文档对象模型是针对 XML 但经过扩展用于 HTML 的应用程序编程接口。DOM 把整个页面映射为一个多层节点结构。HTML 或 XML 页面中的每个组成部分都是某种类型的节点，这些节点又包含不同的数据类型的数据。

BOM 浏览器对象模型 简介

BOM 只处理浏览器窗口和框架，习惯上把所有针对浏览器的 JavaScrip 扩展算作 BOM 的一部分。如：

  • 弹出新浏览器窗口
  • 移动、缩放和关闭浏览器窗口的功能
  • 提供浏览器信息信息的 navigator 对象
  • 提供浏览器所加载页面详细信息的 location 对象
  • 提供用户显示器分辨率详细信息的 screen 对象
  • 对 cookie 的支持
  • 像 XMLHttpRequest 和 IE 的 ActiveXObject 这样的自定义对象

由于没 BOM 统一标准，所以各个浏览器都有自己的实现功能，尽管各规定浏览器都实现 window 对象和 navigator 对象；

  • JavaScript 的特点
    • 简单易用
    • 基于对象
    • 基于过程
    • 解释执行：js引擎来执行源代码 ， node 平台
  • 编译执行类语言有：Java c# 源代码 ==> 可执行文件.dll ==> 电脑执行.dll课执行文件
  • 使用范围：
    • 表单验证
    • 轮播图特效
    • 游戏开发

<script></script> 元素

<script></script> 定义了6个属性

  • async: 可选。立即下载脚标，对页面中其他元素没有影响。只对外部脚标文件有效
  • charset: 可选。 表示通过 src 属性指定的代码的字符集。大多数浏览器会忽略其值，很少用
  • defer：可选。 表示脚本可以延迟到文档完全被解析和显示之后再执行。只对外部脚本有效
  • language: 已废弃。
  • src：可选。要执行的外部文件
  • type：可选。考虑到最大程度的兼容，使用 "text/javascript"

js 书写位置

  • 内嵌式
1
2
3
4
5
6
7
<head>
<meta charset="utf-8">
<title>js 书写位置</title>
<script>
  // js 代码段
</script>
</head>
  • 外链式写法
    • 新建一个js文件
    • 通过script标签里的src=”1.js”属性将JS文件调入到当前页面。

补充内嵌式写法：推荐Js代码最好放在body结束标签的后边。

在 XHTML 中的用法

XHTML 即可扩展的超文本标记语言，是将 HTML 作为 XML 的应用重新定义的一个标准。

1
2
3
4
5
6
7
<script type="text/javascript">
// <![CDATA[
  funciton foo(){
    // 代码段
  }
//]]>
</script>

文档模式

doctype: 标准模式、混杂模式

严格模式开启： use strict;

页面中输出消息的几种方式

1
2
3
4
5
alert("信息")   在页面出现一个弹出框，将信息弹出。
confirm("信息") 在页面出现一个弹出框，将信息显示，常与if判断语句结合使用。
prompt("信息")  弹出一个文本框，可以在文本框接收内容。常用于接收信息。
console.log("信息")将信息输出到控制台，常用于代码调试。
document.write("信息") 直接在页面输出消息。

注：document.write(“信息”)，不仅可以输出内容，还可以输出html标签。

感谢您的支持！