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 页面。

Web 页面

笔记三

 对代码行进行折行

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

//下面的例子会正确地显示:
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 变量
}

你可能感兴趣的:(JavaScript 学习入门(一))