BlogJava-无羽苍鹰-随笔分类-javascript编程语言http://www.blogjava.net/sonnylys/category/31079.html 熟能生巧，巧夺天工！ --李永胜zh-cnMon, 26 May 2008 21:05:05 GMTMon, 26 May 2008 21:05:05 GMT60自编 jtle(javascript template language engine) javascript模板语言引擎, 轻松处理json数据!http://www.blogjava.net/sonnylys/archive/2008/05/25/202677.html无羽苍鹰无羽苍鹰Sun, 25 May 2008 02:24:00 GMThttp://www.blogjava.net/sonnylys/archive/2008/05/25/202677.htmlhttp://www.blogjava.net/sonnylys/comments/202677.htmlhttp://www.blogjava.net/sonnylys/archive/2008/05/25/202677.html#Feedback3http://www.blogjava.net/sonnylys/comments/commentRss/202677.htmlhttp://www.blogjava.net/sonnylys/services/trackbacks/202677.html  阅读全文

无羽苍鹰 2008-05-25 10:24 发表评论
]]>用javascript实现较为通用的客户端分页组件http://www.blogjava.net/sonnylys/archive/2008/05/04/198279.html无羽苍鹰无羽苍鹰Sun, 04 May 2008 14:54:00 GMThttp://www.blogjava.net/sonnylys/archive/2008/05/04/198279.htmlhttp://www.blogjava.net/sonnylys/comments/198279.htmlhttp://www.blogjava.net/sonnylys/archive/2008/05/04/198279.html#Feedback17http://www.blogjava.net/sonnylys/comments/commentRss/198279.htmlhttp://www.blogjava.net/sonnylys/services/trackbacks/198279.html <html>
<head>
 <script src="pageSystem.js"></script>
 <script>
   var psys;
   window.onload = function() {
    psys = new PageSystem(1120, "pageDiv", 10, showMsg); //总记录数, 分页系统容器，每组10页,回调
    psys.init();
  }
 
  function showMsg(currentPage, pageSize) {
    //回调方法自定义，两个参数，第一个为当前页，第二个为每页记录数
    /****************将currentPage和pageSize请求数据更新列表,最好使用ajax技术******************/
    alert("请求数据要的相应参数>> currentPage: "+ currentPage + " pageSize: " + pageSize);
  }
  
   /*****如果要更新分页系统请如下操作******/
    //psys.update(count); //@count 为记录总数
    function updatePageSys() {
    
     psys.update(150); //@count 为记录总数
   }
  </script>
  <style>
    #pageDiv{
      font-size:13px;
    }
  </style>
</head>
<body>
  <div id="pageDiv">
  </div>
  <br/><br/>
  <a href="#" onclick="updatePageSys();"/>更新分页系统</a>
</body>
</html>

2、pageSystem.js
function PageSystem(count, divID, grountCount, callBack) {
     this.totolCount = count; //总记录数
     this.initMaxPage = grountCount? grountCount: 5;  //显示页数，如 1 2 3 4 5
     this.pageSize = 10;  //每页记录数
     this.currentMax = 0; //当前显示的最大页码, 如 1 2 3 4 5; 5为最大页码
     this.currentMin = 0; //当前显示的最小页码, 如 11 12 13 14 15; 11为最小页码
     this.homePage = 0; //首页
     this.endPage = 0; //未页
     this.currentPage = 0; //当前页
     this.currentActiveSpan; //当前活动a容器
     this.pageDivObj = document.getElementById(divID); //分页系统容器
     this.pages = 0; //总页数，计算得到
     //this._url = _url; //提交URL
     this.callBack = callBack; //回调
     var that = this; //指针的引用
    
   
     this.init = function() {
        this.pages = parseInt(this.totolCount / this.pageSize); //获得总共有几页
        this.pages = this.totolCount % this.pageSize == 0? this.pages: this.pages+1;
        this.createHomePage();
        this.createPrePage();
        var n = 1;
        while(n <= this.pages) {
          if(n > this.initMaxPage){
             break; //到达最大显示数
          }
          var _span = document.createElement("SPAN");
          _span.style.cssText = "margin-left:10px";
          if(n == 1) { //初始化时第一页为活动页
            _span.innerText = n;
            this.currentActiveSpan = _span;
          }else{
             var _a = document.createElement("A");
             _a.href = "#";
            _a.onclick = this.reView;
            _a.innerText = n;
            _span.appendChild(_a);
          }
          this.pageDivObj.appendChild(_span);
          n++;
        }
        if(this.pages != 0) {
          this.currentMax = n - 1; //当前组最大页码 1 2 3 4 5值为5
          this.currentMin = 1; //当前最小页码 1 2 3 4 5 值为1
          this.homePage = 1; //首页
          this.endPage = this.pages; //未页
          this.currentPage = 1; //当前页
        }
        //alert(this.currentMax);
        //alert(this.currentMin);
        this.createNextPage();
        this.createEndPage();
      
      
      
    };
    this.query = function() {
      var curPage = that.currentPage; //当前页
      var pageSize = that.pageSize;
      if(that.callBack) that.callBack(curPage, pageSize);
         
    };
    this.reView = function() {
     //重新渲染UI
       that.reViewActivePage();
       that.query();
    };
    this.reViewActivePage = function() {
      //重新渲染当前页视图
      var actA = event.srcElement; //当前被点击的 a对象
      var ap = actA.parentNode; //获得当前a容器span对象
      //还原当前页视图
       var _a = document.createElement("A");
        _a.href = "#";
        _a.onclick = this.reView;
        _a.innerText = that.currentActiveSpan.innerText;
        that.currentActiveSpan.innerText = "";
        that.currentActiveSpan.appendChild(_a);
       //渲染新的当前页视图
       that.currentActiveSpan = ap; //切换当前活动页容器
       var curPage = parseInt(actA.innerText);
       that.currentActiveSpan.removeChild(actA);
       that.currentActiveSpan.innerText = curPage;
       this.currentPage = curPage; //更改当前页码
       if(!that.toNextGroup()) that.toPreGroup();
    };
    this.toNextGroup = function() {
       //重新渲染显示页下一组 1 2 3 4 5 --> 5 6 7 8 9
       if(that.currentPage == that.currentMax) {//点击的页码为当前组最大页码，当go 下一组
         if(that.currentPage != that.endPage) { //如果点了未页当然不会再有下一组啦！
            that.pageDivObj.innerHTML = ""; //@1
            var pageCode = parseInt(that.currentPage) + 1; //显示页码
            var n = 2; //当前活动页不重创
            this.createHomePage();
            this.createPrePage();
            that.currentActiveSpan.innerText = that.currentPage;
            that.pageDivObj.appendChild(that.currentActiveSpan); //将当前活动页回放,请看@1
            while(pageCode <= that.pages) {
            if(n > that.initMaxPage){
               break; //到达最大显示数
            }
            var _span = document.createElement("SPAN");
            _span.style.cssText = "margin-left:10px";
            var _a = document.createElement("A");
             _a.href = "#";
            _a.onclick = that.reView;
            _a.innerText = pageCode;
            _span.appendChild(_a);
            that.pageDivObj.appendChild(_span);
            pageCode++;
            n++;
          }
          that.currentMax = pageCode - 1;
          that.currentMin = that.currentPage;
         // alert("currentMax: " + that.currentMax);
         // alert("currentMin: " + that.currentMin);
          this.createNextPage();
          that.createEndPage();
          return true;
         }//end if
       }//end if
       return false;
    };
    this.toPreGroup = function() { //
      //重新渲染显示页上一组 5 6 7 8 9 -->1 2 3 4 5
      if(that.currentPage == that.currentMin) { //点了组中最小页码
        if(that.currentPage != 1) {
           that.pageDivObj.innerHTML = ""; //@2
            var pageCode = parseInt(that.currentPage) - (that.initMaxPage -1); //显示页码
            var n = 2; //当前活动页不重创
            this.createHomePage();
            this.createPrePage();
            while(true) {
            if(n > that.initMaxPage){
               break; //到达最大显示数
            }
            var _span = document.createElement("SPAN");
            _span.style.cssText = "margin-left:10px";
            var _a = document.createElement("A");
             _a.href = "#";
            _a.onclick = that.reView;
            _a.innerText = pageCode++;
            _span.appendChild(_a);
            that.pageDivObj.appendChild(_span);
            n++;
          }
          that.currentMax = that.currentPage;
          that.currentMin = pageCode - (that.initMaxPage -1);
          //alert("currentMax: " + that.currentMax);
         // alert("currentMin" + that.currentMin);
          that.currentActiveSpan.innerText = that.currentPage;
            that.pageDivObj.appendChild(that.currentActiveSpan); //将当前活动页回放,请看@2
            that.createNextPage();
            that.createEndPage();
        }//end if
      }//end if
    };
     this.toHomePage = function(){
       //去到首页
       if(that.pages == 0) return;
       if(that.currentPage != 1) {//切组
         that.pageDivObj.innerHTML = "";
         that.init();
       }//end if
       that.currentPage = 1;
       that.currentMin = 1;
       that.currentMax = that.initMaxPage;
       that.query();
     };
     this.toEndPage = function() {
       //去到未页
        if(that.pages == 0 ||that.currentPage == that.pages) return;
        if(true) {//切组条件修改，此条件作废,临时设为true
        that.pageDivObj.innerHTML = "";
        that.createHomePage();
        that.createPrePage();
        var pageCode = 1;
     var n = 1;
      while(pageCode <= that.pages) {
        if(n > that.initMaxPage-1){
          n = 1;
        }
        n++;
        pageCode++;
      }
     
      pageCode = that.pages - (n-2);
      for(var j = 1; j < n; j++) {
         var _span = document.createElement("SPAN");
       _span.style.cssText = "margin-left:10px";
       if(pageCode == that.pages) { //初始化时第一页为活动页
        _span.innerText = pageCode;
        that.currentActiveSpan = _span;
       }else{
         var _a = document.createElement("A");
         _a.href = "#";
         _a.onclick = that.reView;
         _a.innerText = pageCode;
         _span.appendChild(_a);
         pageCode++;
       }
       that.pageDivObj.appendChild(_span);
      }
      
         that.createNextPage();
          that.createEndPage();
       }//end if
       that.currentPage = that.pages;
       that.currentMin = that.pages - (n-2);
       that.currentMax = that.pages;
      // alert("currentMin: " + that.currentMin);
       //alert("currentMax: " + that.currentMax);
      // alert("pages: " + that.pages);
       that.query();
     };
    
     this.next = function() {
       //下一页
     };
     this.pre = function() {
       //上一页
     };
     this.update = function(count) {
       //更新分页系统
       this.totolCount = count;
       that.pageDivObj.innerHTML = "";
       this.init();
     };
     this.createPrePage = function() {
       return;
       var _span = document.createElement("SPAN");
       _span.style.cssText = "margin-left:16px";
       var _a = document.createElement("A");
       _a.href = "#";
       _a.onclick = this.pre;
       _a.innerText = "上一页";
       _span.appendChild(_a);
       this.pageDivObj.appendChild(_span);
     };
     this.createNextPage = function() {
       return;
       var _span = document.createElement("SPAN");
       _span.style.cssText = "margin-left:16px";
       var _a = document.createElement("A");
       _a.href = "#";
       _a.onclick = this.next;
       _a.innerText = "下一页";
       _span.appendChild(_a);
       this.pageDivObj.appendChild(_span);
     };
     this.createHomePage = function() {
       var homeSpan = document.createElement("SPAN");
       var _a = document.createElement("A");
       _a.href = "#";
       _a.onclick = this.toHomePage;
       _a.innerText = "首页";
       homeSpan.appendChild(_a);
       this.pageDivObj.appendChild(homeSpan);
     };
     this.createEndPage = function() {
       var _span = document.createElement("SPAN");
       _span.style.cssText = "margin-left:16px";
       var _a = document.createElement("A");
       _a.href = "#";
       _a.onclick = this.toEndPage;
       _a.innerText = "未页(" + this.pages +")";
       _span.appendChild(_a);
       this.pageDivObj.appendChild(_span);
     }
   }

3、效果图
 
如需转载，请注明原文出处！谢谢合作。

无羽苍鹰 2008-05-04 22:54 发表评论
]]>用"window.showModalDialog()"实现DIV模式弹出窗口http://www.blogjava.net/sonnylys/archive/2008/05/01/197683.html无羽苍鹰无羽苍鹰Thu, 01 May 2008 13:33:00 GMThttp://www.blogjava.net/sonnylys/archive/2008/05/01/197683.htmlhttp://www.blogjava.net/sonnylys/comments/197683.htmlhttp://www.blogjava.net/sonnylys/archive/2008/05/01/197683.html#Feedback10http://www.blogjava.net/sonnylys/comments/commentRss/197683.htmlhttp://www.blogjava.net/sonnylys/services/trackbacks/197683.html 1、test.html  测试页
 <html>
 <head>
   <title>测试页面</title>
   <style>
     .list {
       border-top:1 solid #8A2BE2;
       border-left:1 solid #8A2BE2;
       border-right:1 solid #8A2BE2;
     }
     .list td {
       border-bottom: 1 solid #8A2BE2;
     }
   </style>
   <script>
      function $(el) {
        return document.getElementById(el);
      }
      function showWin(param) {
        window.showModalDialog("dailog.htm", param, "dialogWidth:" +param.width +"px;dialogHeight:"+param.height+"px;center:yes;help:no;scroll:no;status:no;resizable:no");
      }
     
      function TB(tbid) {
        this.tb = typeof(tbid) == "string"? $(tbid): tbid;
        this.getValue = function(rowIndex, cellIndex){
          var trs = this.tb.rows[rowIndex];
          var _td = trs.cells[cellIndex];
          return _td.innerText;
        }
        this.setValue = function(rowIndex, cellIndex, value) {
          var _tr = this.tb.rows[rowIndex];
          var _td = _tr.cells[cellIndex];
          _td.innerText = value;
        }
       
        /********获取行索引********/
        this.findRowIndex = function(eventSrc) {
          var _tr = eventSrc; //eventSrc事件源,必须在TD里获事件源是TD或TR本身
          while(_tr.tagName != "TR") {
            _tr =  _tr.parentNode;
          }
          var trs = this.tb.rows;
          for(var i = 0; i < trs.length; i++){
            if(_tr == trs[i]) return i;
          }
        }
      }
          
      function edit() {
        var tb = new TB("data");
        rIndex = tb.findRowIndex(event.srcElement);
        $("updateRowIndex").value = rIndex;
        $("userName").value = tb.getValue(rIndex, 1); //获得姓名
        $("sex").value = tb.getValue(rIndex, 2); //获得性别
        $("age").value = tb.getValue(rIndex, 3); //获得年龄
         showWin({title:"修改用户信息", width:390, height:230, _div:"openWin",parent:window});
      }
     
      function saveAndUpdateView(){
        var updateRowIndex = $("updateRowIndex").value;
        var tb = new TB($f("data")); //$f()在dailog.html定义,获到的table是父窗口中的table
        tb.setValue(updateRowIndex, 1, $("userName").value);
        tb.setValue(updateRowIndex, 2, $("sex").value);
        tb.setValue(updateRowIndex, 3, $("age").value);
        close();
      }
   </script>
  
 </head>
 <body>
  <p style="margin-top:60px">
   <center>
     <table id="data" class="list" width="460px">
       <tr>
         <td>编号</td>
         <td>用户名</td>
         <td>性别</td>
         <td>年龄</td>
         <td>操作</td>
       </tr>
       <tr>
         <td>1</td>
         <td>李永胜</td>
         <td>男</td>
         <td>27</td>
         <td><span style="background:#FAEBD7;cursor:hand" onclick="edit();">&nbsp;修改&nbsp;</span></td>
       </tr>
        <tr>
         <td>2</td>
         <td>林兄</td>
         <td>男</td>
         <td>27</td>
         <td><span style="background:#FAEBD7;cursor:hand" onclick="edit();">&nbsp;修改&nbsp;</span></td>
       </tr>
        <tr>
         <td>3</td>
         <td>叶兄</td>
         <td>男</td>
         <td>23</td>
         <td><span style="background:#FAEBD7;cursor:hand" onclick="edit();">&nbsp;修改&nbsp;</span></td>
       </tr>
     </table>
   </center>
  </p>
 
  <!---弹出窗口显示的内容---->
  <div id="openWin" style="display:none;">
    <form>
      <fieldSet>
        <legend>修改用户</legend>
        <table>
          <tr>
            <td>用户名</td><td><input type="text" id="userName"/></td>
          </tr>
          <tr>
            <td>性别</td><td><input type="text" id="sex"/></td>
          </tr>
          <tr>
            <td>年龄</td><td><input type="text" id="age"/></td>
          </tr>
        </table>
      </fieldSet>
      <input type="hidden" id="updateRowIndex"/>
    </form>
    <span style="background:#FAEBD7;cursor:hand" onclick="saveAndUpdateView();">&nbsp;修改&nbsp;</span>
  </div>
 </body>
</html>

2、dailog.html 窗口原型

<html>
 <head>
   <script>
     var param = window.dialogArguments; //传过来的模式对话框窗口参数
     document.title = param.title; //窗口标题,必须在窗口创建前实现s
    
   /********将父窗口的js加载进来********/
     var scripts = param.parent.document.scripts;
     var _head = document.getElementsByTagName("head")[0];
     for(var n = 0; n < scripts.length; n++) {
       if(scripts[n].src) {
         var _script = newEl("script");
         _script.src = scripts[n].src;
         bind(_head, _script);
       }else{//加载直接在html文档中写的script
         var _script = newEl("script");
         _script.text = scripts[n].text;
          bind(_head, _script);
       }
     }
    
     /*******根据ID获得父窗口的元素*********/
     function $f(el) {
       return param.parent.document.getElementById(el);
     }
   
    /***********创建一个HTML元素*******/
     function newEl(tagName) {
       return document.createElement(tagName);
     }
     /***********追加元素***************/
     function bind(ower, child) {
       ower.appendChild(child);
     }
     /*******在浏览器完成对象的装载后立即触发*********/
     window.onload = function() {
       var winDiv;
       if(typeof(param._div) == "string") {
         winDiv = param.parent.document.getElementById(param._div); //父窗口window对象,因为param._div对象在父窗口
       }else{//直接传对象过来
         winDiv = param._div;
       }
       $("mainDiv").innerHTML = winDiv.innerHTML; //将DIV内容在弹出窗口中渲染
    }
   </script>
 </head>
 <body>
 <center>
  <div id="mainDiv" style="margin-top:20px;width:90%"></div>
 </center>
 </body>
</html>

如需转载，请注明原文出处！谢谢合作。


无羽苍鹰 2008-05-01 21:33 发表评论
]]>用模式对话框实现“消息提示框”和“操作提示框”http://www.blogjava.net/sonnylys/archive/2008/05/01/197655.html无羽苍鹰无羽苍鹰Thu, 01 May 2008 07:54:00 GMThttp://www.blogjava.net/sonnylys/archive/2008/05/01/197655.htmlhttp://www.blogjava.net/sonnylys/comments/197655.htmlhttp://www.blogjava.net/sonnylys/archive/2008/05/01/197655.html#Feedback2http://www.blogjava.net/sonnylys/comments/commentRss/197655.htmlhttp://www.blogjava.net/sonnylys/services/trackbacks/197655.html   由于本人认为用 alert()和confirm()的消息框和操作确认对话框，界面不太友好，下面介绍用模式对话框实现“消息提示  框”和“操作提示框”；用模式对话框也可以实现弹出窗口(抱括Iframe模式及DIV模式），DIV模式较麻烦些，不过，还挺实用，这里不作介绍。

1、test.html 测试页
<html>
 <head>
   <title>测试页面</title>
   <script>
     /**** 打开消息框 ***
   * @param 为Object类型,原型为 {msg:"val1", time:val2},val1为要提示的消息，val2为窗口出来后延迟关闭的时间
   *
   */
   function showMsg(param) {
     window.showModalDialog("msg.html", param, "dialogWidth:280px;dialogHeight:180px;center:yes;help:no;scroll:no;status:no;resizable:no");
   }

  /****操作确认窗口*****
   * @param 为string类型,提示信息
   * @return true为选取了“确定”铵钮，false为选取了“取消”铵钮
   */
   function confirm(msg) {
    return window.showModalDialog("confirm.html", msg, "dialogWidth:280px;dialogHeight:180px;center:yes;help:no;scroll:no;status:no;resizable:no");
  }
  
  
     function confirmDel() {
       var rval = confirm("确定删除此用户吗？");
       if(rval) {
         showMsg({msg:"你点击了确定铵钮", time:1200});
       }else{
         showMsg({msg:"你点击了取消铵钮", time:1200});
       }
     }
   </script>
 </head>
 <body>
   <center>
     <a href="#" onclick="showMsg({msg:'1秒钟后会自动关闭的提示信息框', time:1000})">会自动关闭的提示信息框</a>
     <br/>
     <a href="#" onclick="confirmDel();">操作确认对话框</a>
   </center>
 </body>
</html>

2、msg.html 消息框通用模板
<html>
 <head>
   <title>提示对话框</title>
   <script>
      var obj = window.dialogArguments; //传过来的模式对话框窗口参数
      /****在obj.time秒后关闭窗****/
      window.setTimeout(function() {
       window.close();
      }, obj.time);
   </script>
 </head>
 <body>
  <p style="margin-top:36px">
   <center>
     <script>
        document.write(obj.msg);  //打印信息
     </script>
   </center>
  </p>
 </body>
</html>

3、confirm.html
<html>
 <head>
   <title>操作确认对话框</title>
   <script>
     function setState() {
       returnValue = event.srcElement.id == "ok"? true: false;
       window.close();
     }
   </script>
 </head>
 <body>
  <p style="margin-top:26px">
   <center>
     <script>
       var msg = window.dialogArguments? window.dialogArguments: "";
       document.write(msg);
     </script>
     <br/>
     <div style="margin-top:20px">
      <a href="#" id="ok" onclick="setState()">确定</a>
      <a href="#" id="cal" onclick="setState()">取消</a>
     </div>
   </center>
  </p>
 </body>
</html>

运行test.html例子可以看到相应的效果





无羽苍鹰 2008-05-01 15:54 发表评论
]]>简单的javascript入门知识http://www.blogjava.net/sonnylys/archive/2008/04/27/196669.html无羽苍鹰无羽苍鹰Sun, 27 Apr 2008 14:53:00 GMThttp://www.blogjava.net/sonnylys/archive/2008/04/27/196669.htmlhttp://www.blogjava.net/sonnylys/comments/196669.htmlhttp://www.blogjava.net/sonnylys/archive/2008/04/27/196669.html#Feedback1http://www.blogjava.net/sonnylys/comments/commentRss/196669.htmlhttp://www.blogjava.net/sonnylys/services/trackbacks/196669.html     一个 JavaScript 程序其实是一个文档，一个文本文件，它嵌入到 HTML 文档中执行。所以，一般的本文编辑器就可以实现编写javascript代码。
   1、将javascript嵌入到HTML文档中，一般有两种实现方法。一种是直接在HTML文档中的任何地方加入<script>
  <!--你的js代码-->
</script>
值得注意的是，js代码必须在<frameset>之前插入才有效。
另一种是将js代码写在一个以 .js为后缀的js文件里，用以下方法引入到HMTL档供使用
 <script src="你要引入的.js文件的路径" type="text/javascript"></script>
这两种实现的例子如下：
<html>
 <head>
   <title>js exmaple</title>
 <!--直接在HMTL文档中写js代码--> 
  <script> 
      function  sayHello() {
          alert("hello");
     }
   </script>
 <!--从.js文件中加载-->
  <script src="myjs/util.js"></script>
  </head>
 <body>
</body>
</html>
2、变量声明
  javascript中用 var关键字声明一个变量，如：var userName;由于javascript使用的是弱类型，所以声明时不需要指定具体类型，在运行时会根据所赋的值检查其数据类型。比如声明 var v; 在运行中如果出现v = 123;那么变量v指数值类型，如果运行中出现的是v = "123"，v 为字符串类型。
3、函数声明，介绍两种型式
  一、function sayHello(who) { //who为参数
              alert("say hello to: " + who);
         }
  二、var sayHello = function(who) {
               alert("say hello to: " + who);
         }
  说明：第二种声明方式是将函数的指针赋给一个变量，调用如下：sayHello("whoOne");和第一种声明方式调用一样。举个第二种声明方式有用的应用，如，在js代码中，给一个铵钮的onclick事件注册一个方法可以如下声明：    var btn = document.createElement("button"); 
              btn.onclick= function() {
                //添加当点击此铵钮时想执行的js代码
              }
4、事件响应
   声明了的函数可以在js代码里被调用，也可以用于响应事件。如：
 <html>
 <head>
   <title>js exmaple</title>
 <!--直接在HMTL文档中写js代码--> 
  <script> 
      function  sayHello() {
          alert("hello");
     }
   </script>
  </head>
  <body>
   <!--响应button中的onclick事件（单击事件）,调用sayHello()方法-->
   <button onclick="sayHello()">点击将调用sayHello()方法来响应</button>
 </body>
</html>
运行例子，点击铵钮后运行结果如下：
 


备注：这是一篇很简单的javascript相关知识文章，适合对javascript完全没概念的初学者参考， 有误之处，请指正讨论。

  
     
 

  

无羽苍鹰 2008-04-27 22:53 发表评论
]]>