javascript基本知识点.ppt

JavaScript知识与例子 2014 浴火凤凰 E-Mail:yang10560@163.com JavaScript 是世界上最流行的编程语言。 这门语言可用于 HTML 和 web，更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。 JavaScript 是脚本语言 JavaScript 是一种轻量级的编程语言。 JavaScript 是可插入 HTML 页面的编程代码。 JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。 JavaScript 很容易学习。 document.write(h1This is a heading/h1); document.write(pThis is a paragraph./p); 提示：您只能在 HTML 输出中使用 document.write。 如果您在文档加载后使用该方法，会覆盖整个文档。 代码： button type=button onclick=alert(Welcome!)点击这里/button alert() 函数在 JavaScript 中并不常用，但它对于代码测试非常方便。 onclick 事件只是您即将在本教程中学到的众多事件之一。 p id=demo JavaScript 能改变 HTML 元素的内容。 /p script function myFunction() { x=document.getElementById(demo); // 找到元素 x.innerHTML=Hello JavaScript!; // 改变内容 } /script button type=button onclick=myFunction()点击这里/button 您会经常看到 document.getElementByID(some id)。这个方法是 HTML DOM 中定义的。 DOM（文档对象模型）是用以访问 HTML 元素的正式 W3C 标准。 您将在以后多个章节中学到有关 HTML DOM 的知识。 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 JavaScript 能够改变任意 HTML 元素的大多数属性 而不仅仅是图片。 p id=demo JavaScript 能改变 HTML 元素的样式。 /p script function myFunction() { x=document.getElementById(demo) // 找到元素 x.style.color=#ff0000; // 改变样式 } /script button type=button onclick=myFunction()点击这里/button 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 JavaScript 与 Java 是两种完全不同的语言，无论在概念还是设计上。 Java（由 Sun 发明）是更复杂的编程语言。 ECMA-262 是 JavaScript 标准的官方名称。 JavaScript 由 Brendan Eich 发明。 它于 1995 年出现在 Netscape 中（该浏览器已停止更新）， 并于 1997 年被 ECMA（一个标准协会）采纳。 HTML 中的脚本必须位于 script 与 /script 标签之间。 脚本可被放置在 HTML 页面的 body 和 head 部分中。 如需在 HTML 页面中插入 JavaScript，请使用 script 标签。 script 和 /script 会告诉 JavaScript 在何处开始和结束。 sc