浅析js封装和作用域

2024-05-06 14:37:44

字体：大中小

来源：转载

供稿：网友

基本的代码如下
代码如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>
</title>
<script src="jquery-1.4.4.min.js" type="text/javascript"></script>
<script type="text/javascript">
      var text="test";
   var   t=new functionTest(text);
    function functionTest(text)
    {
          var alertText=text
             $("#btnSave").click(function (e) {
       alertTestInnert();
    });
          this.AlertTest= function ()
     {
        alert(alertText);
     }
      function alertTestInnert()
     {
        alert(alertText);
     }
    }
      function alertTestOuter()
   {
        alert(text);
   }
    </script>
<body>
<input type="button" id="btnSave" class="button" value="保存" />
<input type="button" id="btnCancel" class="button" value="取消" onclick="javascript:t.AlertTest;" />
</body>
</html>

再点击保存，取消时需要一定的操作，第一次的代码如上：
点击保存，根本没反应，很奇怪，这种最常用的jquery绑定事件竟然不起作用了。后来一比较才知道，其实自己忘了，绑定应该在$(document).ready(function () {})中进行；
js修改如下：
代码如下:
var text="test";
   $(document).ready(function () {
      var   t=new functionTest(text);
});
    function functionTest(text)
    {
          var alertText=text
             $("#btnSave").click(function (e) {
       alertTestInnert();
    });
          this.AlertTest= function ()
     {
        alert(alertText);
     }
      function alertTestInnert()

上一篇：JS下拉框内容左右移动效果的具体实现

下一篇：javascript 得到文件后缀名的思路及实现