推荐链接: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)
注意:如果增加天数会改变月份或者年份,那么日期对象会自动完成这种转换