JavaScript 学习入门（一）

JavaScript简介

  JavaScript 与 Java 是两种完全不同的语言，无论在概念上还是设计上。
  Java（由 Sun 发明）是更复杂的编程语言。
  ECMA-262 是 JavaScript 标准的官方名称。JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中（该浏览器已停止更新），并于 1997 年被 ECMA（一个标准协会）采纳。

笔记一

 JavaScript 显示数据

JavaScript 可以通过不同的方式来输出数据：
  使用 window.alert()弹出警告框。
  使用 document.write()方法将内容写到 HTML 文档中。
  使用 innerHTML写入到 HTML 元素。
  使用 console.log() 写入到浏览器的控制台。

笔记二

 使用 document.write() 向文档输出写内容

 如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖。
 下例程序一旦点击按钮，就会刷出新的页面 123 覆盖当前 web 页面。

<h1> Web 页面</h1>
<button onclick="myFunction()">点我</button>
<script>
function myFunction() 
{
    document.write('123');
}
</script>

笔记三

 对代码行进行折行

 您可以在文本字符串中使用反斜杠对代码行进行换行。

//下面的例子会正确地显示：
document.write("你好 \
世界!");
//不过，您不能像这样折行：
document.write \ 
("你好世界!");

笔记四

 什么是对象

 对象是变量的容器

var person = {
    firstName:"John",                                            //注1
    lastName:"Doe",
    fullName : function() 
    {
       return this.firstName + " " + this["lastName"];           //注2
    }
};
document.getElementById("demo").innerHTML = person.fullName();   //注3
document.getElementById("demo").innerHTML = person.function;     //注4

注1：
   键值对通常写法为 name : value (键与值以冒号分割)。
   键值对在 JavaScript 对象通常称为 对象属性。

注2：
   访问对象属性
   有两种方法访问对象属性：
      person.lastName;
      person["lastName"];

注3：
   向 id="demo" 的 HTML 元素输出函数。
   document.getElementById("demo") 是使用id属性来查找 HTML 元素的 JavaScript 代码 。
   innerHTML = "person.fullName()"是用于修改元素的 HTML 内容(innerHTML)的 JavaScript 代码。

注4：
   不加括号输出函数表达式：function () { return this.firstName + " " + this.lastName; }
   加括号输出函数执行结果：John Doe，作为属性访问

笔记五

 变量作用域：

局部变量：在函数中通过var声明的变量。
全局变量：在函数外通过var声明的变量。
没有声明就使用的变量，默认为全局变量，不论这个变量在哪被使用。
局部变量在函数执行完毕后销毁,全局变量在页面关闭后销毁。
顺便一提：在 HTML 中, 全局变量是 window 对象: 所有数据变量都属于 window 对象。
例：

var carName = " Volvo";
    // 此处可调用 carcar 变量
    // 此处可调用 carName 变量
    // 此处不能调用 carNNN 变量
function myFunction() {
    carcar = "Volvo"; 
    var carNNN = "Volvo";
        // 函数内可调用 carNNN 变量
        // 此处可调用 carcar 变量
        // 函数内可调用 carName 变量
}