【吴裕雄--天生自然 JAVASCRIPT开发学习： DOM】的更多相关文章

吴裕雄--天生自然 JAVASCRIPT开发学习：HTML DOM 节点列表

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h2>JavaScript HTML DOM!</h2> <p>Hello World!</p> <p>Hello Runoob!&…

吴裕雄--天生自然 JAVASCRIPT开发学习：HTML DOM 集合(Collection)

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h2>JavaScript HTML DOM</h2> <p>Hello World!</p> <p>Hello Runoob!&l…

吴裕雄--天生自然 JAVASCRIPT开发学习： DOM

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p id="intro">你好世界!</p> <p>该实例展示了 <b>getElementById</b> 方…

吴裕雄--天生自然 JAVASCRIPT开发学习：HTML DOM 元素 (节点)

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <div id="div1"> <p id="p1">这是一个段落.</p> <p id="p2&qu…

吴裕雄--天生自然 JAVASCRIPT开发学习：DOM EventListener

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>该实例使用 addEventListener() 方法在按钮中添加点击事件. </p> <button id="myBtn">点我&…

吴裕雄--天生自然 JAVASCRIPT开发学习： DOM 事件

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h1 onclick="this.innerHTML='Ooops!'">点击文本!</h1> </body> </html>…

吴裕雄--天生自然 JAVASCRIPT开发学习： HTML DOM - 改变CSS

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p id="p1">Hello World!</p> <p id="p2">Hello World!</p&g…

吴裕雄--天生自然 JAVASCRIPT开发学习： DOM - 改变 HTML

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <script> document.write(Date()); </script> </body> </html> <!DOCTYPE h…

吴裕雄--天生自然 JAVASCRIPT开发学习：对象 实例（2）

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <script> document.write("Hello World!"); </script> </body> </html&…

吴裕雄--天生自然 JAVASCRIPT开发学习：条件语句

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>如果时间早于 20:00,会获得问候 "Good day".</p> <button onclick="myFunction()…

吴裕雄--天生自然 JAVASCRIPT开发学习：对象

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>创建 JavaScript 对象.</p> <p id="demo"></p> <script> var p…

吴裕雄--天生自然 JAVASCRIPT开发学习

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p> JavaScript 能够直接写入 HTML 输出流中: </p> <script> document.write("<h1>这…

吴裕雄--天生自然 JAVASCRIPT开发学习：函数定义

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>本例调用的函数会执行一个计算,然后返回结果:</p> <p id="demo"></p> <script>…

吴裕雄--天生自然 JAVASCRIPT开发学习： this 关键字

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h2>JavaScript <b>this</b> 关键字</h2> <p>实例中,<b>this</b>…

吴裕雄--天生自然 JAVASCRIPT开发学习： 表单

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script> function validateForm() { var x = document.forms["myForm"]["fname"].value; if (x == null || x == "") { alert("需要输入名字.&…

吴裕雄--天生自然 JAVASCRIPT开发学习：Date（日期） 对象

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <script> var d=new Date(); document.write(d); </script> </body> </html> &…

吴裕雄--天生自然 JAVASCRIPT开发学习：prototype（原型对象）

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <h2>JavaScript 对象</h2> <p id="demo"></p> <script> functio…

吴裕雄--天生自然 JAVASCRIPT开发学习：JavaScript 对象 实例

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <script> var txt = "Hello World!"; document.write(txt.length); </script> &l…

吴裕雄--天生自然 JAVASCRIPT开发学习： Break 和 Continue 语句

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>点击按钮,测试带有 break 语句的循环.</p> <button onclick="myFunction()">点击这里<…

吴裕雄--天生自然 JAVASCRIPT开发学习：while 循环

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>点击下面的按钮,只要 i 小于 5 就一直循环代码块.</p> <button onclick="myFunction()">点击这…

吴裕雄--天生自然 JAVASCRIPT开发学习：for 循环

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <script> cars=["BMW","Volvo","Saab","Ford"]; for (v…

吴裕雄--天生自然 JAVASCRIPT开发学习：switch 语句

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>点击下面的按钮来显示今天是周几:</p> <button onclick="myFunction()">点击这里</butto…

吴裕雄--天生自然 JAVASCRIPT开发学习：比较 和 逻辑运算符

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>x=5, 返回 x==8 的比较值结果.</p> <button onclick="myFunction()">尝试一下</b…

吴裕雄--天生自然 JAVASCRIPT开发学习：运算符

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>点击按钮计算 x 的值.</p> <button onclick="myFunction()">点击这里</button>…

吴裕雄--天生自然 JAVASCRIPT开发学习：字符串

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p id="demo"></p> <script> var x = 'It\'s alright'; var y = "He…

吴裕雄--天生自然 JAVASCRIPT开发学习：事件

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <button onclick="getElementById('demo').innerHTML=Date()">现在的时间是?</button>…

吴裕雄--天生自然 JAVASCRIPT开发学习：作用域

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>局部变量在声明的函数外不可以访问.</p> <p id="demo"></p> <script> myFun…

吴裕雄--天生自然 JAVASCRIPT开发学习：函数

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>测试实例</title> <script> function myFunction() { alert("Hello World!"); } </script> </head> <body> <button onclick=…

吴裕雄--天生自然 JAVASCRIPT开发学习：数据类型

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <script> var carname1="Volvo XC60"; var carname2='Volvo XC60'; var answer1='It\'s…

吴裕雄--天生自然 JAVASCRIPT开发学习：变量

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> </head> <body> <p>点击这里来创建变量,并显示结果.</p> <button onclick="myFunction()">点击这里</butto…