JS的一些基本語法

1:  關閉窗口   
           <input type="button" name="close" value="關閉窗口" οnclick="window.close()">

    2:  列印窗口   
           <input type="button" name="print" value="列印窗口" οnclick="print()">

    3:  返回上一頁   
           <input type="button" name="back" value="返回上頁" οnclick="history.back()">

    4:  開新窗口   
           <input type="button" name="open" value="開新窗口" οnclick="window.open('開新窗口中載入的文件','窗口名稱','top=0,left=200,resizable=yes,status=yes,scrollbars=yes')">
        
    5:  刷新頁面
      5-1:  刷新本頁 
     <input type="button" name="slef" value="刷新本頁" οnclick="document.location.reload()">
      5-2:  刷新父頁
     <input type="button" name="par" value="刷新父頁" οnclick="opener.location.reload()">
      5-3:  刷新父頁的另一個框架中的頁面
     <input type="button" name="parIt" value="刷新父頁另一框架" οnclick="opener.parent.mainFrame.location.reload()">
      5-4:  刷新另一個框架中的頁面
     <input type="button" name="parFrame" value="刷新另一框架" οnclick="parent.mainFrame.location.reload()">

    6:  提示
        6-1: 單一"確定"按鈕提示,點擊后繼續下面的代碼
             <script>
               alert("操作成功!");
               alert("操作失敗!");
             </script>
        6-2: 選擇提示,確定或者取消,分支語句.
             <script>
               if (confirm("您確定嗎?"))
                  alert("您點的是確定!");
               else
                  alert("您點的是取消!");
             </script>
 
     7:光棒
    <tr bgcolor="ecf2f9"
       onMouseOut="style.backgroundColor='ecf2f9';"
       onMouseOver="style.backgroundColor='#FFFFCC';">
       
     8:客戶端數據驗證.
        用form提交的數據可直接在客戶端進行一些相關的完全和安全性驗證,如名稱不能為空,料號是8位數,有效的email地址等..,可以快速的反應並減輕server的負載.
        <script>
          function datacheck() {
             var msg = ""; //這個是用於顯示錯誤提示
             var obj = ""; //這個是記錄錯誤的輸入值,用於出錯時返加focus
             with(document.form1){ //共用對象,本頁面的form1
                if (name.value=="")
                {
                    msg = "/n  name的值不能為空";
                    obj = "name";
                 }
                if (partno.value.length!=8)
                {
                    msg = "/n  partno的長度應該是8位";
                    obj = "partno";
                 }
   //=================================================================
             if(msg!="")
      {
                mobj = eval(obj);
                mobj.focus();
                alert("輸入錯誤/n"+msg);
                return(false);
             }
            else
             {
       action="用於接受數據的下一頁"
              submit();
             }
           }
         }
        </script>
        <form name="form1" method="post">
           <input type="text" name="name">
           <input type="text" name="partno">
            '下面的按鈕用於遞交數據,但按鈕類型為button,調用datacheck()函數,datacheck()用於檢驗用戶輸入的數據是正確,如果正確則遞交下一頁,否則不遞補,返回focus定於錯誤的text.
           <input type="button" name="Submit" value="Submit" οnclick="datacheck()">
           <input type="reset" name="reset1" value="Reset">
        </form>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值