1 <html xmlns="http://www.w3.org/1999/xhtml" >
2 <head>
3 <title>无标题页</title>
4 <script type="text/javascript" src="../js/jquery-1.4.2.js"> </script>
5 <script type="text/javascript" src="../js/jquery.cookie.js"> </script>
6 <script type="text/javascript">
7 alert("script");
8 $(function(){
9 //如果在另一个页面设置了cookie,在本页面也能读取到。
10 //在同一个域名的网页都能够读取cookie的值，就好比访问同一个网站下的网页都会读取cookie一样
11 alert($.cookie("用户名"));
12 });
13
14 $(function(){
15 //实现网易邮箱登录时自动记住用户名的效果
16 //完全是在客户端实现的功能
17 $("#username").val($.cookie("username"));
18 });
19
20 </script>
21 </head>
22 <body>
23 <script type="text/javascript">
24 alert("body1");
25 </script>
26 <input type="text" id="username" />
27
28 <div>
29 本页面设置了这么多alert(),目的是测试它们的执行顺序，测试结果是：
30 先alert("script");再alert("body1");再alert("afterbody");再alert($.cookie("用户名"));
31 说明页面加载时是从上到下加载的，而$(){}中的内容是在页面全部加载完成后才执行的。所以alert($.cookie("用户名"));是最后执行的。
32 </div>
33
34 </body>
35 <script type="text/javascript">
36 alert("afterbody");
37 </script>
38 </html>
