1.看两个循环：
<script type="text/javascript">
var result=0;
for(var i=0;i <=100;i++) {
result += i;
}
alert(result);
</script>
var a=0;
var i=1;
while(i<=100) {
a += i;
i++;
alert(a);
2.prompt()的使用
var a = prompt("请输入数字A：");
var b = prompt("请输入数字B：");
alert(a+b);
/*比如我们输入的是12,12;那么a+b将是1212.因为默认为字符型！*/
/*如：*/ alert(parseInt(a)+parseInt(b));
parseInt(String); → 将字符串转为数字。
parseInt(String); → 将字符串转为浮点型。
3.函数：类似于Java中的方法，是执行特定任务的语句块。
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<meta http-equiv="Content-Type" content="text/html;charset=GBK" />
<title></title>
function hello() {
var name = document.myForm.mytext.value; /*取值*/
alert(name);
/*带有参数的函数写法*/
functionshowValue(name) {
</head>
<body>
<form action="" name="myForm" method="get">
<input type="text" name="mytext" id="" />
<input type="button" value="click me" onclick="hello()"/>
<input type="button" value="带有参数的函数"onclick="showValue('tom')"/>
</form>
</body>
</html>
4.DOM = Document Object Model,由W3C国际组织发布的一套Web标准，它定义了访问HTML文档对象的一套属性、方法、事件。
JavaScript → DOM → HTML（CSS）。
常用的方法有：
<1>.getElementById();
<html xmlns="http://www.w3.org/1999/xhtml">
function changeLink() {
var link = document.getElementById("myLink");
link.innerHTML = "sina"; /*innerHTML的应用！*/
link.href="http://www.sina.com"; /**/
<a href="http://www.163.com" id="myLink">Net Easy</a>
<input type="button" value="Change Link" onclick="changeLink()" />
同一个例子：
// link.innerHTML = "sina"; /*innerHTML的应用！*/
// link.href="http://www.sina.com"; /**/
if(link.innerHTML == "Net Easy") {
link.innerHTML = "sina";
link.href = "http://www.sina.com";
} else {
link.innerHTML = "Net Easy";
link.href = "http://www.163.com";
上面这个例子的不同写法：学着点！
var flag = true;
if(flag) {
link.innerHTML = "sina";
link.href = "http://www.sina.com";
flag = false;
link.innerHTML = "Net Easy";
link.href = "http://www.163.com";
flag = true;
<2>.getElementsByName();
注意：getElementsByName()方法返回的是一个数组。
比如：name="mylink"
var link = document.getElementsByName("mylink")[0];
<3>.getElementsByTagName();
注意：该方法返回的也是一个数组。
var link = document.getElementsByTagName("a")[0];
5.动态插入一张图片的例子
function insertPicture() {
var mydiv = document.getElementById("mydiv");
mydiv.innerHTML = "<img src='1.png' />"; /**/
<div id="mydiv">
</div>
<input type="button" value="insert Picture" onclick="insertPicture()"/>
写法二：
var myimg = document.getElementsByTagName("img")[0];
myimg.src = "1.png"; /**/
<img src=''/>
6.windows对象常用的方法
<1>. alert("提示性信息") → 显示一个带有提示信息和确定按钮的对话框。
<2>.confirm("提示信息") → 显示一个带有提示信息、确定和取消按钮的对话框。
eg.
if(confirm("您确定要删除吗？")) {
......
<3>.open("url","name"); → 打开具有指定名称的新窗口，并加载给定URL所定的文档；如果没有提供URL，则打开一个空白文档。
<4>.close() → 关闭当前窗口
<5>.showModalDialog() → 在一个模式窗口中显示指定的HTML文档。
eg.window.showModalDialog("url","","height=300,width=200");
<6>.setTimeout("函数"，毫秒数) → 设定定时器，经过指定的毫秒后执行某函数
7.window对象常用的事件：
①onload事件：在窗口或框架完成文档加载时触发。
function showScreen() {
alert(window.screen.width);
alert(window.screen.height);
window.onload = showScreen(); /**/
8.超链接关闭窗口：
function method() {
if(confirm("您确定要关闭吗？")) {
window.close(); /*注意火狐不支持！！IE支持！！！*/
<a href="javascript:method()">关闭此窗口</a>
9.location的使用：
window.location.href = "http://www.hanchaohan.blog.51cto.com";
<a href="javascript:method()">韩超的博客</a>
10.history对象的方法：
①back() → 加载History列表的上一个URL
②forword()→ 加载History列表的下一个URL
③go(数字) → 加载history列表的一个URL，或要求浏览器移动指定的页面数。
function method1() {
window.history.back(); /*前一个URL*/
function method2() {
window.history.go(-1); /*前一个URL*/
function method3() {
window.history.go(0); /*刷新，你想到是刷新是这样的吗？？*/
function method4() {
window.history.go(1);/*后一个URL*/
<a href="javascript:method1()"> ← </a>
<a href="javascript:method2()"> ← </a>
<a href="javascript:method3()"> 刷新 </a>
<a href="javascript:method4()"> → </a>
11.Date对象---setTimeout()方法的使用----表的制作
具体参考：http://www.w3cschool.com.cn
<title>秒表</title>
function showTime() {
var mydate = new Date();
var date = mydate.toLocaleDateString();
var time = mydate.toLocaleTimeString();
var mydiv = document.getElementById("time");
mydiv.innerHTML = date + "\t" +time;
setTimeout("showTime()",1000); //一秒执行一下showTime()方法
<body onload="showTime()">
<div id="time"></div>
<a href="http://blog.51cto.com/attachment/201207/164922562.png" target="_blank"></a>
注意事项：（onload的不同位置，调用不同）
window中的onload是窗口一加载就去调用。
body中onoload是等网页中的内容都显示完再去调用！！
=========================================================================================
// ||或运算符返回的结果，不一定是布尔值。
//他将返回第一个不为false的那个值(对象亦可)，或者是最后一个值(如果全部是false的话)
var a = 2;
var b = 0;
var c = b || a;
alert(c); //输出2
var a1 = true;
var b1 = false;
var c1 = a1 || b1;
alert(c1); //输出true
var a2 = false;
var b2 = false;
var c2 = 0;
var d2 = a2 || b2 || c2;
alert(d2); //0
算阶乘：
var temp = 1;
var n = 6;
for(var i = 1; i <= n; i++) {
temp *= i;//1*1,1*2,1*2*3,1*2*3*4
document.writeln(n + "的阶乘为：" + temp);
<code>//算阶乘的和：</code>
<code>var</code> <code>result = 0;</code>
<code>var</code> <code>n = 5;</code>
<code>for</code><code>(</code><code>var</code> <code>i = 1; i <= n; i++) {</code>
<code> </code><code>var</code> <code>temp = 1; </code>
<code> </code><code>for</code><code>(</code><code>var</code> <code>j = 1; j <= i; j++) {</code>
<code> </code><code>temp *= j; </code><code>//1*1,1*2,1*2*3,1*2*3*4</code>
<code> </code><code>}</code>
<code> </code><code>result += temp; </code><code>//算阶乘的和</code>
<code>}</code>
<code>document.writeln(n + </code><code>"阶乘的和："</code> <code>+ result);</code><code>//1!+2!+...+ n!</code>
<code></code>
本文转自韩立伟 51CTO博客，原文链接：http://blog.51cto.com/hanchaohan/929200，如需转载请自行联系原作者
![Java String.format方法的简单使用[图]](data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACwAAAAAAQABAAACAkQBADs=)