漂亮生动的页面=HTML标记（即，结构）+CSS样式（即，表示）+JavaScript（即，行为）。
一、JavaScript的工作方式
编写：
创建HTML标记和JavaScript代码，并放在文件中。如index.html和index.js （或，都放在HTML文件中）
加载：
浏览器获取并加载你的页面，从上到下解析其内容；
遇到JavaScript代码时，浏览器会解析代码，检查其正确性，然后执行代码；
浏览器建立HTML页面的一个内部模型（DOM）
运行：
JavaScript继续执行。对用户的动作作出相应，更新/修改页面，与Web服务通信。
二、JavaScript语法规则（省略版）
创建变量：
var name = "stevekeol" ；（注：JavaScript是有类型的——动态类型，即你不必指定一个类型，浏览器内置的JavaScript解释器会在代码运行时确定使用的具体类型）。
命名变量时：
只有当有充分理由时，才使用以_和$开头的变量。（注：以$开头的变量通常为JavaScript库保留的，_开头的变量通常有一些特殊约定）。
数值表达式：
a = 9/5; 则 a = 1.8 （注：类型自动转换，因为a并没有设定为一固定类型）
b = "3"+"4"; 则b = "34"
c = "3" * "4" ；则 c = 12（注：可在浏览器F12键，console中输入 c = "3" * "4"验证）
π用Math.PI表示；
三、JavaScript在页面中的位置
大多数情况下，代码都会加在页面的head部分。只有在深度优化页面性能时才有必要放在body末尾，性能可以稍有提升。
四、JavaScript与页面的交互
1、如上所述，浏览器会在加载页面时，构建内部模型（DOM），其中包含HTML标记的所有元素；
某 DOM
2、JavaScript可以与DOM交互来访问元素及其内容；还可以利用DOM创建和删除元素等等...
var planet = document.getElementById("greenplanet");
//document包含整个文档元素，grtElementById利用ID取得对应元素
3、JavaSricpt修改DOM时，浏览器会动态更新页面；
planet.innerHTML = "Red Alert!";
//使用元素的innerHTML属性改变元素的内容；浏览器即时更新
五、零散笔记
页面完全加载前不要打扰DOM：
<script>
function func_name(){ ... }
window.onload = func_name; //页面加载完，接着才执行func_name中的代码
</script>
动态更改元素的属性（如，类）：
document.getElementById('greenplanet').className = 'XXXX';//是className而非class
动态增加元素的属性（如，类）：
planet.className += ' XXXX-1';
数组的创建：
1、定义
var array_name = new Array();
array_name[0] = "I";
array_name[1] = "am";
...
2、字面量数组
var array_name = [i, am, ...];
随机选择数组元素（由下标）：
var rand1 = Math.floor(Math.random() * array_name.length);
var a = array_name[rand1];
null和undefined区别：
null表示“没有对象”，即此处不应该有值（空值）；undefined表示一个变量应该有值，但并未赋值；
TIPS：本文只是个人对过去的总结，不保证简洁性、系统性、易懂性。如需交流：zhejiangdaxue2011(微信号）
网友评论