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 变量
}