JavaScript学习建立自己的脚本库（模版）

1：“（）”在javascript中的含义

（1）：表示分隔符

（2）：表示运算符

至于表示分隔符在此不多做解释，这里主要说明下表示运算符，首先看一个例子

 代码 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="DisPage4.aspx.cs" Inherits="test_DisPage4" %>
 2 
 3  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4 
 5  <html xmlns="http://www.w3.org/1999/xhtml" >
 6  <head runat="server">
 7     <title>无标题页</title>
 8     <script language="javascript" type="text/javascript">
 9         (function Test(){
10              alert("加载界面");
11     })();
12     </script>
13  </head>
14 <body>
15     <form id="form1" runat="server">
16     <div>
17     
18     </div>
19     </form>
20 </body>
21 </html> 
22

运行上面的例子可以得到具有“加载界面”的提示框，而我们在整个界面的加载过程中都没有那个事件去调用Test()函数，所以说“（）”具有运算符的功能。

2：构建自己的Javascript库模块

   (1):Javascript代码:

// JScript 文件
(function() {
    
    var $=function()
    {
        alert("调到我了！");
    }
    
    window["Szf"]={};    // 注册给Window对象
    
    window["Szf"]["$"]=$;

})();

(2):调用页面

代码 1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="DisPage4.aspx.cs" Inherits="test_DisPage4" %>
 2 
 3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 4 
 5 <html xmlns="http://www.w3.org/1999/xhtml" >
 6 <head runat="server">
 7     <title>无标题页</title>
 8     <script language="javascript" src="SzfCode.js" type="text/javascript"></script>
 9 </head>
10 <body onload="Szf.$()">
11     <form id="form1" runat="server">
12     <div>
13     
14     </div>
15     </form>
16 </body>
17 </html>

运行上面的代码，我们可以看到，在页面onload的时候弹出了“调到我了”的提示框，这说明我们调用到了我们js函数