基于w3c school的javascript基础知识.docVIP

目录 目录 1 1 js基础（1） 2 1.1 js写入html内容中 2 1.2 点击button弹出欢迎界面 2 1.3 点击button改变页面内容 2 1.4 html内改变图像 3 1.5 改变样式 3 1.6 验证输入input内容 4 1.7 head中的 JavaScript 函数 4 1.8 body中的 JavaScript 函数 5 1.9 外部的JavaScript 函数 5 2 js基础（2） 5 2.1 document.getElementById(id)方法访问html元素 5 2.2 声明js变量 6 2.3 js数组 6 2.4对象的两种寻址方式 6 2.5 null清空变量 7 2.6 对象的定义 7 2.7创建js对象 7 2.8 调用带参数的函数 8 2.9 带有返回值的函数 8 3 js基础（3） 8 3.1 switch语句 8 3.2 for/in循环 9 3.3 try catch测试和捕捉 10 1 js基础（1） 1.1 js写入html内容中 /p script document.write(h1This is a heading/h1); document.write(pThis is a paragraph./p); /script p 如果在文档已完成加载后执行 document.write，整个 HTML 页面将被覆盖 1.2 点击button弹出欢迎界面 body h1我的第一段 JavaScript/h1 p JavaScript 能够对事件作出反应。比如对按钮的点击： /p button type=button onclick=alert(Welcome!)点击这里/button /body 1.3 点击button改变页面内容 body h1我的第一段 JavaScript/h1 p id=demo JavaScript 能改变 HTML 元素的内容。 /p script function myFunction() { x=document.getElementById(demo); // 找到元素 x.innerHTML=Hello JavaScript!; // 改变内容 } /script button type=button onclick=myFunction()点击这里/button /body 1.4 html内改变图像 body script function changeImage() { element=document.getElementById(myimage) if (element.src.match(bulbon)) { element.src=/i/eg_bulboff.gif; } else { element.src=/i/eg_bulbon.gif; } } /script img id=myimage onclick=changeImage() src=/i/eg_bulboff.gif p点击灯泡来点亮或熄灭这盏灯/p 1.5 改变样式 body h1我的第一段 JavaScript/h1 p id=demo JavaScript 能改变 HTML 元素的样式。 /p script function myFunction() { x=document.getElementById(demo) // 找到元素 x.style.color=#ff0000; // 改变样式 } /script button type=button onclick=myFunction()点击这里/button /body 1.6 验证输入input内容 body h1我的第一段 JavaScript/h1 p请输入数字。如果输入值不是数字，浏览器会弹出提示框。/p input id=demo type=text script function myFunction() { var x=document.getElementById(demo).value; if(x==||isNaN(x)) { alert(Not Numeric); } } /script button type=button onclick=myFunction()点击这里/button /body 1.7 head中的 JavaScript 函数head script function myFunction() { document.getElementById(demo).innerHTML=My First JavaScript Function; } /script /head body h1M