13518219792
阮一峰
让客户满意是我们工作的目标，不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户，将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴，公司提供的服务项目有：主机域名、雅安服务器托管、营销软件、网站建设、新沂网站维护、网站推广。
百度搜 阮一峰 JavaScript 标准参考教程 和 阮一峰 ECMAScript 6 入门
在两行代码中出现三处错误,已在代码中注释并修正.自己对照一下吧.
html
head
titleJavaScript练习/title
script language="javascript"
function exchange()
{
var thistag,parentTag; // 这里前面多了个字符(`),删掉
thistag=window.event.srcElement.tagName; parentTag=window.event.srcElement.parentElement.tagName;
if(thistag=="H1" parentTag=="BODY") // 这里H1和BODY后面多了个空格,删掉!
{
if(document.all(window.event.srcElement.id+"p").style.display=="none")
{
document.all(window.event.srcElement.id+"p").style.display="";
}
else
{
document.all(window.event.srcElement.id+"p").style.display="none";
}
}
}
/script
/head
body onclick="exchange()"
我的javascript程序
h1 id="wac1"第一个安慰：最重要的是今天的心。/h1
p id="wac1p" style="display:none"何必为痛苦的悔恨而失去现在的心情，何必为莫名的忧虑而惶惶不可终日。过去的已经一去不复返了，再怎么悔恨也是无济于事。未来的还是可望而不可及，再怎么忧虑也是会空悲伤的。今天心，今日事和现在人，却是实实在在的，也是感觉美好的。当然，过去的经验要总结，未来的风险要预防，这才是智慧的。昨天已经过去，而明天还没有来到，今天是真实的。/p
h1 id="wac2"第二个安慰：自己的心痛只能自己疗。/h1
p id="wac2p" style="display:none"何必为痛苦的悔恨而失去现在的心情。偶尔的抱怨发泄一下，也是十分必要的，但是无休止的抱怨只会增添烦恼，只能向别人显示自己的无能，抱怨是一种致命的消极心态，一旦自己的抱怨成为恶习那么人生就会暗无天日，不仅自己好心境全无，而且别人跟着也倒霉。抱怨没有好处，乐观才是最重要的。/p
/body
/html
Javascript的数据类型有：
1. Number 数字类型
2. String 字符串类型
3. Boolean 布尔类型
4. Function 函数
5. Object 对象
6. Null
7. Undefined 没有定义类型
ECMAScript中有5中简单数据类型（也称为基本数据类型）: Undefined、Null、Boolean、Number和String。还有1中复杂的数据类型————Object，Object本质上是由一组无序的名值对组成的。
其中Undefined、Null、Boolean、Number都属于基本类型。Object、Array和Function则属于引用类型，String有些特殊，具体的会在下面展开分析。
变量
ECMAScript中用var关键字来定义变量，因为js是弱类型的，所以无法确定变量一定会存储什么值，也就不知道变量到底会是什么类型，而且变量的类型可以随时改变。
这就是ECMAScript是松散类型的来由，所谓松散类型就是可以用来保存任何类型的数据。
ps:
es6中新增了let命令来声明变量、const命令声明一个只读的常量。
let的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。
const一旦声明，常量的值就不能改变。
关于let、const这里不做展开讨论，可以参考 阮一峰 - ECMAScript 6 入门
typeof 操作符
由于js中的变量是松散类型的，所以它提供了一种检测当前变量的数据类型的方法，也就是typeof关键字.
通过typeof关键字，对这5种数据类型会返回下面的值（以字符串形式显示)
undefined ---------- 如果值未定义 Undefined
boolean ---------- 如果这个值是布尔值 Boolean
string ---------- 如果这个值是字符串 String
number ---------- 如果这个值是数值类型 Number
object ---------- 如果这个值是对象或null Object
需要注意的是typeof null返回为object,因为特殊值null被认为是一个空的对象引用。
Undefined
Undefined类型只有一个值，即特殊的undefined。在使用var声明变量但未对其加以初始化时，这个变量的值就是undefined。不过，一般建议尽量给变量初始化，但是在早期的js版本中是没有规定undefined这个值的，所以在有些框架中为了兼容旧版浏览器，会给window对象添加undefined值。
window['undefined'] = window['undefined'];
//或者
window.undefined = window.undefined;
Null
Null类型是第二个只有一个值的数据类型，这个特殊的值是null。从逻辑角度来看，null值表示一个空对象指针，而这也正是使用typeof操作符检测null时会返回object的原因。
var car = null;
console.log(typeof car); // "object"
如果定义的变量准备在将来用于保存对象，那么最好将该变量初始化为null而不是其他值。这样一来，只要直接检测null值就可以知道相应的变量是否已经保存了一个对象的引用了。
例如：
if(car != null){
//对car对象执行某些操作
}
实际上，undefined值是派生自null值的，因此ECMA-262规定对它们的相等性测试要返回true。
console.log(undefined == null); //true
尽管null和undefined有这样的关系，但它们的用途完全不同。无论在什么情况下都没有必要把一个变量的值显式地设置为undefined，可是同样的规则对null却不适用。换句话说，只要意在保存对象的变量还没有真正保存对象，就应该明确地让该变量保存null值。这样做不仅可以体现null作为空对象指针的惯例，而且也有助于进一步区分null和undefined。
Boolean
该类型只有两个字面值：true和false。这两个值与数字值不是一回事，因此true不一定等于1，而false也不一定等于0。
虽然Boolean类型的字面值只有两个，但JavaScript中所有类型的值都有与这两个Boolean值等价的值。要将一个值转换为其对应的Boolean值，可以调用类型转换函数Boolean()，例如：
var message = 'Hello World';
var messageAsBoolean = Boolean(message);
在这个例子中，字符串message被转换成了一个Boolean值，该值被保存在messageAsBoolean变量中。可以对任何数据类型的值调用Boolean()函数，而且总会返回一个Boolean值。至于返回的这个值是true还是false，取决于要转换值的数据类型及其实际值。下表给出了各种数据类型及其对象的转换规则。
数据类型
转换为true的值
转换为false的值
Boolean true false
String 任何非空的字符串 ""(空字符串)
Number 任何非0数值（包括无穷大） 0和NAN
Object 任何对象 null
Undefined 不适用 undefined
var message = 'Hello World';
if(message)
{
alert("Value is true");
}
运行这个示例，就会显示一个警告框，因为字符串message被自动转换成了对应的Boolean值（true）。由于存在这种自动执行的Boolean转换，因此确切地知道在流控制语句中使用的是什么变量至关重要。
ps:使用!!操作符转换布尔值
!!一般用来将后面的表达式强制转换为布尔类型的数据（boolean），也就是只能是true或者false;
对null与undefined等其他用隐式转换的值，用!操作符时都会产生true的结果，所以用两个感叹号的作用就在于将这些值转换为“等价”的布尔值；
var foo;
alert(!foo);//undifined情况下，一个感叹号返回的是true;
alert(!goo);//null情况下，一个感叹号返回的也是true;
var o={flag:true};
var test=!!o.flag;//等效于var test=o.flag||false;
alert(test);
这段例子，演示了在undifined和null时，用一个感叹号返回的都是true,用两个感叹号返回的就是false,所以两个感叹号的作用就在于，如果明确设置了变量的值（非null/undifined/0/”“等值),结果就会根据变量的实际值来返回，如果没有设置，结果就会返回false。
还有其他的小技巧，可以参考这12个JavaScript技巧
Number
这种类型用来表示整数和浮点数值，还有一种特殊的数值，即NaN（非数值 Not a Number）。这个数值用于表示一个本来要返回数值的操作数未返回数值的情况（这样就不会抛出错误了）。例如，在其他编程语言中，任何数值除以0都会导致错误，从而停止代码执行。但在JavaScript中，任何数值除以0会返回NaN，因此不会影响其他代码的执行。
NaN本身有两个非同寻常的特点。首先，任何涉及NaN的操作（例如NaN/10）都会返回NaN，这个特点在多步计算中有可能导致问题。其次，NaN与任何值都不相等，包括NaN本身。例如，下面的代码会返回false。
alert(NaN == NaN); //false
String
String类型用于表示由零或多个16位Unicode字符组成的字符序列，即字符串。字符串可以由单引号(')或双引号(")表示。
String类型的特殊性
string类型有些特殊，因为字符串具有可变的大小，所以显然它不能被直接存储在具有固定大小的变量中。由于效率的原因，我们希望JS只复制对字符串的引用，而不是字符串的内容。但是另一方面，字符串在许多方面都和基本类型的表现相似，而字符串是不可变的这一事实（即没法改变一个字符串值的内容），因此可以将字符串看成行为与基本类型相似的不可变引用类型
Boolean、Number、String 这三个是Javascript中的基本包装类型，也就是这三个其实是一个构造函数，他们是Function的实例，是引用类型，至于这里的String与以上说的String是同名，是因为其实上文说的String是指字符串，这里的String指的是String这个构造函数，上面那么写，是为了更好的理解，因为Javascript是松散类型的。我们可以看下String实例化的例子：
var name = String("jwy");
alert(typeof name);//"object"
var author = "Tom";
alert(typeof name);//"string"
至于author这个会有length，substring等等这些方法，其实是String这里的方面，string只是String的一个实例，类似于C#中的String，和string，只不过这里特殊一点。
注意，typeof 变量 如果值是"string" 的话，也就是这个变量是字符串，在Javascript中，字符串是基本类型，而在C#或Java中，字符串是引用类型，但是Javascript中的String是引用类型，因为它是Javascript中定义好的基本包装类型，在C#中，String跟string其实是一样的。
是不是有点绕？具体的引用类型和值类型的解析看这里javascript的基本类型和引用类型
来源：
这就有改变背景的代码
PS:back49.gif 是图片。你随便把有一个GIF的图片改称这个名字就行了
html
head
titlestyle 对象应用/title
/head
script language="JavaScript"
function changeTablePro()
{
MTB.style.borderLeft="solid red 2px";
MTB.style.borderRight="solid red 2px";
MTD1.style.borderLeft="solid blue 2px";
MTD1.style.borderRight="solid blue 2px";
MTD2.style.borderLeft="solid blue 2px";
MTD2.style.borderRight="solid blue 2px";
MTD3.style.borderLeft="solid blue 2px";
MTD3.style.borderRight="solid blue 2px";
MTD4.style.borderLeft="solid blue 2px";
MTD4.style.borderRight="solid blue 2px";
}
function resetTablePro()
{
MTB.style.borderLeft="solid blue 1px";
MTB.style.borderRight="solid blue 1px";
MTD1.style.borderLeft="solid red 1px";
MTD1.style.borderRight="solid red 1px";
MTD2.style.borderLeft="solid red 1px";
MTD2.style.borderRight="solid red 1px";
MTD3.style.borderLeft="solid red 1px";
MTD3.style.borderRight="solid red 1px";
MTD4.style.borderLeft="solid red 1px";
MTD4.style.borderRight="solid red 1px";
}
/script
body id="BD" style="background:url(back49.gif) repeat fixed;"
p
br
pre
这里是关于style对象的应用实例，我们将通过br
对style对象的应用来改变页面的背景属性。br
/pre
form
input type="button" value="背景图像滚动" onclick="JavaScript:BD.style.backgroundAttachment='scroll'"
input type="button" value="背景图像静止" onclick="JavaScript:BD.style.backgroundAttachment='fixed'"
p
input type="button" value="清除背景图像" onclick="JavaScript:BD.style.backgroundImage=''"
input type="button" value="添加背景图像" onclick="JavaScript:BD.style.backgroundImage='url(back49.gif)'"
p
input type="button" value=" 还 原 背 景 初 始 设 置" onclick="JavaScript:BD.style.background='url(back49.gif) repeat fixed'"
p
input type="button" value="改变表格边框属性" onclick="changeTablePro()"
p
input type="button" value="还原表格初始设置" onclick="resetTablePro()"
/form
p
table id="MTB" style="border-left:solid blue 1px;border-right:dotted blue 1px;"
tr
td id="MTD1" style="border-left:solid red 1px;border-right:solid red 1px;padding:10px;spacing:10px"
pre
晚泊浔阳望庐山
孟浩然
挂席几千里，名山都未逢。
泊舟浔阳郭，始见香炉峰。
尝读远公传，永怀尘外踪。
东林精舍近，日暮空闻钟。
/pre
/td
td id="MTD2" style="border-left:solid red 1px;border-right:solid red 1px;padding:10px;spacing:10px"
pre
题义公禅房
孟浩然
义公习禅寂，结宇依空林。
户外一峰秀，阶前众壑深。
夕阳连雨足，空翠落庭阴。
看取莲花净，方知不染心。
/pre
/td
/tr
tr
td id="MTD3" style="border-left:solid red 1px;border-right:solid red 1px;padding:10px;spacing:10px"
pre
过故人庄
孟浩然
故人具鸡黍，邀我至田家。
绿树村边合，表山郭外斜。
开轩面声圃，把酒活桑麻。
待到重阳日，还来就菊花。
/pre
/td
td id="MTD4" style="border-left:solid red 1px;border-right:solid red 1px;padding:10px;spacing:10px"
pre
舟中晓望
孟浩然
挂席东南望，表山水国遥。
舳舻争利涉，来往接风潮。
问我今何适？夭台访石桥。
坐看霞色晓，疑是赤城标。
/pre
/td
/tr
/table
/body
/html
实际上，一个完整的JavaScript 脚本实现应包含如下三部分：
1 ECMAScript 核心：为不同的宿主环境提供核心的脚本能力；
2 DOM（文档对象模型）：规定了访问HTML 和XML 的应用程序接口；
3 BOM（浏览器对象模型）：提供了独立于内容而在浏览器窗口之间进行交互的对象和方法。
参考资料：
