推荐链接:http://www.w3school.com.cn/js/js_intro.asp

全部是<body>中的内容

1.

JavaScript:写入 HTML 输出

显示题目

<script>
document.write("<h1>This is a heading</h1>");         

\\This is a heading


document.write("<p>This is a paragraph.</p>");            \\This is a paragraph.

</script>

2.

JavaScript:对事件作出反应

按钮事件
<p>
JavaScript 能够对事件作出反应。比如对按钮的点击:                                     \\JavaScript 能够对事件作出反应。比如对按钮的点击:
</p>

<button type="button" onclick="alert('Welcome!')">点击这里</button>            \\

3.

JavaScript:改变 HTML 内容

添加点击事件      http://www.w3school.com.cn/tiy/t.asp?f=js_intro_inner_html

4.

JavaScript:改变 HTML 图像

点击灯泡暗亮      http://www.w3school.com.cn/tiy/t.asp?f=js_lightbulb

5.

JavaScript:改变 HTML 样式

http://www.w3school.com.cn/tiy/t.asp?f=js_intro_style

6.

JavaScript:验证输入

http://www.w3school.com.cn/tiy/t.asp?f=js_intro_validate

7.点击事件

请使用 document.write() 仅仅向文档输出写内容。

如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖:

http://www.w3school.com.cn/tiy/t.asp?f=js_write_over

8.多行注释以 /* 开始,以 */ 结尾。

单行注释以 // 开头。

9.JavaScript 只有一种数字类型。数字可以带小数点,也可以不带:

var y=123e5;      // 12300000
var z=123e-5;     // 0.00123

10.这个例子使用 String 对象的 toUpperCase() 方法来把文本转换为大写:

var message="Hello world!";
var x=message.toUpperCase();        
\\HELLO WORLD!

11.如果把数字与字符串相加,结果将成为字符串。

x=5+"5";
document.write(x);
document.write("<br />");          \\55

12.获取当地时间

var time=new Date().getHours();

13。输入文本框

<input id="demo" type="text">

14.

改变 HTML 样式

document.getElementById(id).style.property=new style

15.

操作日期

var myDate=new Date()
myDate.setFullYear(2008,7,9)

注意:表示月份的参数介于 0 到 11 之间。也就是说,如果希望把月设置为 8 月,则参数应该是 7。

在下面的例子中,我们将日期对象设置为 5 天后的日期:

var myDate=new Date()
myDate.setDate(myDate.getDate()+5)

注意:如果增加天数会改变月份或者年份,那么日期对象会自动完成这种转换