Learn-JS

API的概念

API 是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。

• 任何开发语言都有自己的API
• API的特征 输入和输出(I/O)
  • var max = Math.max(2, 1 , 5)
• API的使用方法(console.log(‘adf’))

JavaScript的组成

• ECMAScript - JavaScript的核心 es5，es6
• BOM - 浏览器对象模型 Browser Object Model
• DOM - 文档对象模型 Document Object Model

获取元素

根据id获取元素*

var p = document.getElementById('id2');

id重名的时候，会取第一个值。

id要有唯一性

根据标签名获取元素*

var p = document.getElementsByTagName('div')[1];

根据name获取元素

var names = document.getElementsByName('n1');

根据类名获取元素

var classes = document.getElementsByClassName('c1');

根据选择器获取元素

var div = document.querySelector("#id1");
var classes = document.querySelectorAll(".c1");

事件

事件：触发-响应机制

事件三要素

• 事件源:触发(被)事件的元素
• 事件名称: click 点击事件
• 事件处理程序:事件触发后要执行的代码(函数形式,回调函数)

事件的基本使用

//获取事件源
var div = document.getElementById('id1');
//绑定事件
div.onclick = function() {
	//写回调函数
}

最后

• HTML转义符

"		"
'		'
&		&
<		&lt;   // less than  小于
>		&gt;   // greater than  大于
空格	   &nbsp;
©		&copy;