getElementById返回擁有指定id的第一個物件（注意只是一個且是第一個）
getElementsByName返回帶有指定名稱的物件集合
getElementsBytagNam返回指定標籤的物件集合


例
html程式碼
<div class="content"   >

    <div class="logo">
        <img src="images/dd_logo.jpg"><span>關閉</span>
    </div>
    <div class="cartList">
            <ul>
            <li>¥<input type="text" name="price" value="21.90"></li>
            <li><input type="button" name="minus" value="-" onclick=" mins(0)"><input type="text" name="amount" value="1"><input type="button" name="plus" value="+" onclick="add(0)"></li>
            <li id="price0">¥21.90</li>
            <li><p>移入收藏</p><p>刪除</p></li>
        </ul>
        <ul>
            <li>¥<input type="text" name="price" value="24.00"></li>
            <li><input type="button" name="minus" value="-" onclick="mins(1)"><input type="text" name="amount" value="1"><input type="button" name="plus" value="+"onclick="add(1)"></li>
            <li id="price1">¥24.00</li>
            <li><p>移入收藏</p><p>刪除</p></li>
        </ul>
        <ol>
            <li id="totalPrice"  onclick="total()" >&nbsp;</li>
            <li><span>結 算</span></li>
        </ol>
    </div>
</div>
 

JavaScrip程式碼
function total(){
    //得到2個商品價格的集合
    var prices = document.getElementsByName("price");
    //得到2個數量的集合
    var count = document.getElementsByName("amount");
    //初始總價
    var sum = 0;
    //
    for(var i=0;i<prices.length;i++){

        sum+=prices[i].value*count[i].value;
    }
    //最終直接賦值
    document.getElementById
 
("totalPrice").innerHTML="¥"+sum;

history 和 location物件 
location.href返回或者設定完整url
例：<a href="javascript:location.href='spring.html'">春天</a>
點選‘春天’ 可以跳轉到指定的頁面   spring.html

history物件的方法
back(),forward(),go()等

例<a href="javascript:history.go(-1)">後退</a> <a href="javascript:history.go(1)">前進</a></td>
點選‘後退’時進行 頁面後退，後退到上一個頁面 ，前進也是一樣
 back()後退,forward()前進，作用與go()一樣 （記不住就記 go（）方法就行了
注意使用時javascript:不能省略



confirm對話方塊  彈出確定，取消的對話方塊;   prompt輸入對話方塊，alert提示對話方塊（這倆個就不介紹了）
例function del_plan(){

    var flag =confirm("確定要刪除嗎");
    if(flag==true){
         alert("刪除成功");
    }
}
上述程式碼點選對話方塊 確定 按鈕之後彈出‘刪除成功’，相對flase也是相似的程式碼

例function disptime(){
    var today =new Date();

　　var today =new Date();
　　//年
　　var year=today.getFullYear();
　　//月返回0-11
　　var month=today.getMonth();
　　//0-6返回星期幾 0是星期日
　　var day=today.getDay();

　　if(day==0){
    　　day ="日";
　　}

　　//日1-31
　　var date=today.getDate();

　　//時
    var  hh =today.getHours();
　　//分
    var mm =today.getMinutes();
　　//秒
    var ss =today.getSeconds();

    document.getElementById("myTime").innerHTML="現在是："+hh+":"+mm+":"+ss;
}

//進行重新整理控制 每一秒進行重新整理
var  myTimes =setInterval("disptime()",1000);