《基于w3c school的javascript基础知识》由会员分享，可在线阅读，更多相关《基于w3c school的javascript基础知识（11页珍藏版）》请在金锄头文库上搜索。
1、javascript1目录目录目录.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 中的 JavaScript 函数.4 1.8 中的 JavaScript 函数 .5 1.9 外部的 JavaScript 函数.5 2 js 基础（2）.5 2.1 document.getElementById(id)方法访问 html 元素 .5 2.2 声明 js 变量.6 2.3 js
2、 数组.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 测试和捕捉.10javascript21 js 基础（基础（1）1.1 js 写入写入 html 内容中内容中document.write(“This is a heading“); document.write(“This is a paragraph.“);如果在文档已完成加载后执行 d
3、ocument.write，整个 HTML 页面将被覆盖。1.2 点击点击 button 弹出欢迎界面弹出欢迎界面我的第一段 JavaScriptJavaScript 能够对事件作出反应。比如对按钮的点击：点击这里1.3 点击点击 button 改变页面内容改变页面内容我的第一段 JavaScriptJavaScript 能改变 HTML 元素的内容。function myFunction() x=document.getElementById(“demo“); / 找到元素 x.innerHTML=“Hello JavaScript!“; / 改变内容javascript3点击这里1.4 h
4、tml 内改变图像内改变图像function changeImage() element=document.getElementById(myimage) if (element.src.match(“bulbon“)element.src=“/i/eg_bulboff.gif“; elseelement.src=“/i/eg_bulbon.gif“; 点击灯泡来点亮或熄灭这盏灯1.5 改变样式改变样式我的第一段 JavaScriptJavaScript 能改变 HTML 元素的样式。function myFunction() x=document.getElementById(“demo“)
5、 / 找到元素 x.style.color=“#ff0000“; / 改变样式点击这里javascript41.6 验证输入验证输入 input 内容内容我的第一段 JavaScript 请输入数字。如果输入值不是数字，浏览器会弹出提示框。function myFunction() var x=document.getElementById(“demo“).value; if(x=“|isNaN(x) alert(“Not Numeric“); 点击这里1.7 中的中的 JavaScript 函数函数function myFunction() document.getElementById(“
6、demo“).innerHTML=“My First JavaScript Function“; My Web Page A Paragraph. 点击这里1.8 中的中的 JavaScript 函数函数javascript5My First Web Page A Paragraph. 点击这里function myFunction() document.getElementById(“demo“).innerHTML=“My First JavaScript Function“; 1.9 外部的外部的 JavaScript 函数函数My Web Page A Paragraph. 点击这里
7、注释：myFunction 保存在名为 “myScript.js“ 的外部文件中。2 js 基础（基础（2）2.1 document.getElementById(id)方法访问方法访问 html 元素元素My First Web Page My First Paragraph.document.getElementById(“demo“).innerHTML=“My First JavaScript“;2.2 声明声明 js 变量变量点击这里来创建变量，并显示结果。 点击这里javascript6function myFunction() var carname=“Volvo“; document.getElementById(“demo“).innerHTML=carname; 2.3 js 数组
