JavaScript+基础和HTML+DOM.docVIP

JavaScript 基础和HTML DOM 主题 JavaScript是什么 JavaScript代码应该放置在哪里 JavaScript语言 JavaScript函数 JavaScript事件 JavaScript对象 JavaScript HTML DOM 对象 一、JavaScript是什么 JavaScript用来给HTML页面增加交互性 JavaScript是一种脚本语言（轻量级的程序设计语言） JavaScript通常被嵌入到HTML页面中 JavaScript是一种解释语言（无须预先编译，边解释边执行） 二、JavaScript能做些什么 JavaScript给HTML设计者提供了一个编程工具 JavaScript能动态的向HTML页面中加入文本 JavaScript能够响应事件 JavaScript能够读写HTML元素 JavaScript能够用来验证数据 JavaScript能够探测访问者的浏览器 JavaScript能够用来创建cookies 三、JavaScript代码放在哪里，该如何放 使用scipt标记（可以使用该标记的type属性定义使用的脚本语言，如VBScript） html head script type=”text/javascript” … /script /head body script type=”text/javascript” … /script /body /html 脚本能够放在head或者body部分，译者注：当然放在head部分的一般是函数，或者是打印HTML头部元素，而在body部分可以是任意的JavaScript代码，只要输出的text符合HTML规范。也可以将JavaScript代码与页面分离，使用script标记的src?属性 译注：在IE6.0和Firefox中测试，type=”text/javascript”将影响脚本的运行，建议删除。而用language=”javascript”代替 html head script language=”JavaScript” Src=”http://somesite/myOwn JavaScript.js” /script script language=”JavaScript” Src=”http://somesite/myOwn 2ndJavaScript.js” /script /head 四、JavaScript变量 你可以使用var或者根本不需要就可以直接创建一个变量 Var straname=some value Strid=some value 如果你在一个函数中声明一个变量，那么该变量只在函数范围内有效 如果你在函数外声明一个变量，在你页面中的所有的函数都可以使用它 变量的生命周期是从你开始声明它开始，直到页面被关闭而结束 五、JavaScript消息框 警告框 用户只有按了“OK”后才能继续：alert(“sometext”) 确认框 用户只有按了“OK”或“Cancel”后才能继续：confirm(“cometext”) 译注：如果用户选择不同的按钮将返回不同的值，“OK”返回true，“Cancel”返回false你可以获取该值进行判断。 交互框 用户输入一个值后，再按“OK”或“Cancel”后才能继续: prompt(“sometext”,”defaultcalue”) 译注：将返回用户输入的值。 六、JavaScript语句 条件语句if,if..else,switch 循环语句 for loop,while loop Try…catch Throw 译注：此与java类同，除后两条外与C类同 七、JavaScript函数 函数包含的代码只有在一个事件或者一个调用发生的时候才会被执行。 译注：如果你把代码写在script中，而不写在函数中，那么页面一装载，代码就会被立即执行，所以我们可以将代码放入函数中，然后用HTML事件来调用。 你也可以在页面任何地方调用你的函数 函数实例： html head script language=”JavaScript” // 如果Alert(“Hello World!”)不是写在下面的函数中，页面一装载时，代码就会被立即执行 Function diaplaymessage(){ Alert(“Hello World!”) } /script /head body form input type=”button” calue=”Click Me!” onclick=”diaplaymessage()” /form /body /html 注意：JavaScript代码关键字是区分大小写的，如上代码尽量写小写（这里是word自动将首字母改