JavaScript通过window["SLX"] = SLX方式实现逻辑分组

2017-01-30 11:46:17 访问(2658) 赞(0) 踩(0)


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <script language="javascript" type="text/javascript">
     
     (function() {

         var SLX = {};

         window["SLX"] = SLX;

         // 字符串相关的方法 //
         var StrFn = {
             Trim: function(str) {
                 // Trim + //
                 if (str == null)
                     return "";

                 return str.replace(/(^\s*)|(\s*$)/g, "");
             },
             Test: function() {
                 return "这是Str.Test方法返回的值";
             },
             TestIntValue: function() {
                 return 7;
             }
         };
         window["SLX"]["StrFn"] = StrFn;

         // 数字运算相关的方法 //
         var MathFn = {
             TestValue: function() {
                 return 3;
             },
             Add: function(theValue) {
                 var oneValue = MathFn.TestValue();
                 var twoValue = StrFn.TestIntValue();

                 return theValue + oneValue + twoValue;
             }
         };
         window["SLX"]["MathFn"] = MathFn;
         /************End******************/
     })();

    </script>

</head>
<body>
    <h1>
        JavaScript通过window["SLX"] = SLX方式实现逻辑分组</h1>
     
    <input type="button" id="btn_One" class="btn" value="SLX.StrFn.Test" onclick="OneClick()" />
    <input type="button" id="btn_Two" class="btn" value="SLX.MathFn.Add" onclick="TwoClick()" />
    <br />
    <br />
    输出：<br />
    <input name="txt_Output" type="text" id="txt_Output" style="width:99%;" /> </body>
</html>

<script language="javascript" type="text/javascript">

    function OneClick() {
        document.getElementById("txt_Output").value = SLX.StrFn.Test();
    }

    function TwoClick() {
        document.getElementById("txt_Output").value = SLX.MathFn.Add(10) + "";
    }
</script>