<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript"> //对象字面量初级版 var myScript = new Object(); myScript.init = function () { alert("Hello JavaScript world"); } myScript.validate = function () { alert("你的输入有误,请重新输入!"); } //对象字面量高级版 var dynamicLinks = { myHello:"hello world", linkInit: function () { alert("欢迎来到Javascript世界"); }, linkValidate: function () { alert("恭喜你,学会了字面量对象的使用方法"); } } //对象字面量:使用变量 alert(dynamicLinks.myHello); </script> </head> <body> <!--对象字面量初级测试版--> <input type="button" name="myButton1" value="确定" onclick="myScript.init();"/> <input type="button" name="myButton2" value="取消" onclick="myScript.validate();"/> <!--对象字面量终极版测试版--> <input type="button" value="点我呀" onclick="dynamicLinks.linkInit();"/> <input type="button" value="不点你" onclick="dynamicLinks.linkValidate();"/> </body> </html>