学习网站:http://www.runoob.com/js/js-tutorial.html
IOS-React-Native学习:http://www.cnblogs.com/jianglan/p/5027315.html
为什么学习 JavaScript?
JavaScript web 开发人员必须学习的 3 门语言中的一门:
1. HTML 定义了网页的内容
2. CSS 描述了网页的布局
3. JavaScript 网页的行为
JavaScript 用法
HTML 中的脚本必须位于 标签之间。
脚本可被放置在 HTML 页面的 和 部分中。
JavaScript 输出
JavaScript 可以通过不同的方式来输出数据:
1. 使用 window.alert() 弹出警告框。
2. 使用 document.write() 方法将内容写到 HTML 文档中。
3. 使用 innerHTML 写入到 HTML 元素。
4. 使用 console.log() 写入到浏览器的控制台。
document.getElementById(“demo”) 是使用 id 属性来查找 HTML 元素的 JavaScript 代码 。
innerHTML = “段落已修改。” 是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。
document.write() 仅仅向文档输出写内容。如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。
console.log() 程序中调试是测试,查找及减少bug(错误)的过程。
JavaScript 语法
JavaScript 字面量
基本类型
- 数字(Number)字面量 可以是整数或者是小数,或者是科学计数(e)。
- 字符串(String)字面量 可以使用单引号或双引号 。
- 表达式字面量 用于计算。
- 数组(Array)字面量 定义一个数组:
[40, 100, 1, 5, 25, 10] - 对象(Object)字面量 定义一个对象:
{firstName:”John”, lastName:”Doe”, age:50, eyeColor:”blue”} - 函数(Function)字面量 定义一个函数:
function myFunction(a, b) { return a * b;}
JavaScript 变量
JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值:
注意:JavaScript 对大小写敏感。
JavaScript 语句标识符
JavaScript 语句通常以一个 语句标识符 为开始,并执行该语句。
语句标识符是保留关键字不能作为变量名使用。
下表列出了 JavaScript 语句标识符 (关键字) :
语句 | 描述 |
---|---|
break | 用于跳出循环。 |
catch | 语句块,在 try 语句块执行出错时执行 catch 语句块。 |
continue | 跳过循环中的一个迭代。 |
do … while | 执行一个语句块,在条件语句为 true 时继续执行该语句块。 |
for | 在条件语句为 true 时,可以将代码块执行指定的次数。 |
for … in | 用于遍历数组或者对象的属性(对数组或者对象的属性进行循环操作)。 |
function | 定义一个函数 |
if … else | 用于基于不同的条件来执行不同的动作。 |
return | 退出函数 |
switch | 用于基于不同的条件来执行不同的动作。 |
throw | 抛出(生成)错误 。 |
try | 实现错误处理,与 catch 一同使用。 |
var | 声明一个变量。 |
while | 当条件语句为 true 时,执行语句块。 |
JavaScript 对大小写敏感。
JavaScript 对大小写是敏感的。
当编写 JavaScript 语句时,请留意是否关闭大小写切换键。
函数 getElementById
与 getElementbyID
是不同的。
同样,变量 myVariable
与 MyVariable 也是不同的。
空格
JavaScript 会忽略多余的空格。
您可以向脚本添加空格,来提高其可读性。下面的两行代码是等效的:
var person="Hege";
var person = "Hege";
对代码行进行折行
您可以在文本字符串中使用反斜杠对代码行进行换行。下面的例子会正确地显示:
document.write("你好 \
世界!");
不过,您不能像这样折行:
document.write \
("你好世界!");