JavaScript基础实例
2016-09-21 17:56
141 查看
用JavaScript 输出文本
<!DOCTYPE HTML> <head> <meta charset = "utf-8"> <title>starGirl</title> </head> <body> <h1>我的第一个Web页面</h1> <p>我的第一个段落</p> <script> document.write(Date()); </script> </body> </html>
用JavaScript改变HTML元素
<!DOCTYPE HTML> <head> <meta charset = "utf-8"> <title>starGirl</title> </head> <body> <h1>我的第一个Web页面</h1> <p id="demo">我的第一个段落</p> <script> document.getElementById("demo").innerHTML="段落已修改"; </script> </body> </html>
一个外部JavaScript
<!DOCTYPE HTML> <head> <meta charset = "utf-8"> <title>starGirl</title> </head> <body> <h1>我的第一个Web页面</h1> <p id="demo">我的第一个段落</p> <button type="button" onclick="myFunction()">点击这里</button> <p><b>注释:</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p> <script src="myScript.js"></script> <!--function myFunction()--> <!--{--> <!--document.getElementById("demo").innerHTML="My First JavaScript Function";--> <!--}--> </body> </html>
相关文章推荐
- Javascript & DHTML 实例编程(教程)基础知识
- javascript基础实例
- 【javascript基础】JS正则表达式的实例属性
- javascript基础总结之实例(一)
- JavaScript基础教程之alert弹出提示框实例
- Javascript & DHTML 实例编程(教程)DOM基础和基本API
- 基础 JavaScript 实例
- 【javascript基础】之【IE著名bug——如果某个实例属性与标为[[DontEnum]]的某个属性同名,那么该实例属性不会出现在for in】
- javascript 对象基础 继承机制实例 call() apply 方法!
- JavaScript基础学习(一)--对象实例String的学习
- JavaScript基础之继承(附实例)
- javascript基础实例教程(二)
- javascript基础实例教程(一)
- 基础 JavaScript 实例
- study_Javascript_02基础实例
- Javascript & DHTML 实例编程(教程)DOM基础和基本API
- JavaScript基础之继承(附实例)
- 《JavaScript 基础教程(第6版)》第三章中的Bingo卡片程序实例
- javascript面向对象技术基础(五)(类变量/类方法/实例变量/实例方法)
- 2015/12/10--基础javascript实例