1.                 
    2.  
   
  2.               客户端巧妙应用“导航网页”编写程序 
    3.  
   
  3.  
    4.  
   
  4.  
    5.  
   
  5.   巧妙应用多个不同的选项来列表，写出我们在页面挑选时让客户端能够选择出不同网页，并且很好的使"客户"扩大了对网页的利用空间，越多选项客户端就越多对客户端对空间选择范围就越多；从而很好的发挥了对网页的开发和种植；形成了有利的条件。客户总是随着产品越多就产生对产品的越多的选择。 
    6.  
   
  6.  
    7.  
   
  7.   <!DOCTYPE html PUBLIC "-//W3C//DTD  XHTML 1.0 Transitional//EN"  
    8.  
   
  8.  
    9.  
   
  9.  
    10.  
   
  10.  
    11.  
   
  11. ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional-dtd">  
    12.  
   
  12.  
    13.  
   
  13.  
    14.  
   
  14.  
    15.  
   
  15.  
    16.  
   
  16.  
    17.  
   
  17.  
    18.  
   
  18.  
    19.  
   
  19.  <html xmlns="http://www.w3.org/1999/xhtml">        
    20.  
   
  20.  
    21.  
   
  21. !--pagechange.html-->  
    22.  
   
  22.  
    23.  
   
  23.       <html>  
    24.  
   
  24.  
    25.  
   
  25.       <head>  
    26.  
   
  26.  
    27.  
   
  27.       <meta http-equiv="content-Type" content="text/html; charset=GB2312">  
    28.  
   
  28.  
    29.  
   
  29.       <title>导航网页</title>  
    30.  
   
  30.  
    31.  
   
  31.       </head>  
    32.  
   
  32.  
    33.  
   
  33.       <!--定义客户端过程selectchange,响应列表元素onChange事件-->  
    34.  
   
  34.  
    35.  
   
  35.       <script LANGUAGE="vbscript">  
    36.  
   
  36.  
    37.  
   
  37.       '响应列表选项改变事件  
    38.  
   
  38.  
    39.  
   
  39.       Sub selectchange  
    40.  
   
  40.  
    41.  
   
  41.           forml.submit                      '提交表单  
    42.  
   
  42.  
    43.  
   
  43.       End sub  
    44.  
   
  44.  
    45.  
   
  45.       </script>  
    46.  
   
  46.  
    47.  
   
  47.       <body>  
    48.  
   
  48.  
    49.  
   
  49.       <form id="forml" name="forml" method="post" action="change.asp">  
    50.  
   
  50.  
    51.  
   
  51.         <table width="160" border="1" cellpadding="0" cellspacing="0">  
    52.  
   
  52.  
    53.  
   
  53.            <tr>  
    54.  
   
  54.  
    55.  
   
  55.                <td><widthwidth="160" height="23" ailgn="center"  
    56.  
   
  56.  
    57.  
   
  57.       <backgroundbackground="../../images/title_bg_show.gif"><b><font color="#003399">==网络导航==  
    58.  
   
  58.  
    59.  
   
  59.       </font></b></td>  
    60.  
   
  60.  
    61.  
   
  61.            </tr>  
    62.  
   
  62.  
    63.  
   
  63.            <tr>  
    64.  
   
  64.  
    65.  
   
  65.               <td><select name="select" onchange="selectchange">  
    66.  
   
  66.  
    67.  
   
  67.                     <option>---教育科研---</option>  
    68.  
   
  68.  
    69.  
   
  69.                     <option value="http://www.bjeeic.cn">北京教育考试院</option>  
    70.  
   
  70.  
    71.  
   
  71.                     <option value="http://www.bjeeic.org">北京教育考试指挥中心</option>  
    72.  
   
  72.  
    73.  
   
  73.                     <option value="http://www.pku.edu.cn">北京大学</option>  
    74.  
   
  74.  
    75.  
   
  75.                     <option value="http://www.tsinghua.cdu.cn">清华大学</option> 
    76.  
   
  76.  
    77.  
   
  77.  
    78.  
   
  78.  
    79.  
   
  79. <!--pagechange.html-->  
    80.  
   
  80.  
    81.  
   
  81.       <html>  
    82.  
   
  82.  
    83.  
   
  83.       <head>  
    84.  
   
  84.  
    85.  
   
  85.       <meta http-equiv="content-Type" content="text/html; charset=GB2312">  
    86.  
   
  86.  
    87.  
   
  87.       <title>导航网页</title>  
    88.  
   
  88.  
    89.  
   
  89.       </head>  
    90.  
   
  90.  
    91.  
   
  91.       <!--定义客户端过程selectchange,响应列表元素onChange事件-->  
    92.  
   
  92.  
    93.  
   
  93.       <script LANGUAGE="vbscript">  
    94.  
   
  94.  
    95.  
   
  95.       '响应列表选项改变事件  
    96.  
   
  96.  
    97.  
   
  97.       Sub selectchange  
    98.  
   
  98.  
    99.  
   
  99.           forml.submit                      '提交表单  
    100.  
   
  100.  
    101.  
   
  101.       End sub  
    102.  
   
  102.  
    103.  
   
  103.       </script>  
    104.  
   
  104.  
    105.  
   
  105.       <body>  
    106.  
   
  106.  
    107.  
   
  107.       <form id="forml" name="forml" method="post" action="change.asp">  
    108.  
   
  108.  
    109.  
   
  109.         <table width="160" border="1" cellpadding="0" cellspacing="0">  
    110.  
   
  110.  
    111.  
   
  111.            <tr>  
    112.  
   
  112.  
    113.  
   
  113.                <td><widthwidth="160" height="23" ailgn="center"  
    114.  
   
  114.  
    115.  
   
  115.       <backgroundbackground="../../images/title_bg_show.gif"><b><font color="#003399">==网络导航==  
    116.  
   
  116.  
    117.  
   
  117.       </font></b></td>  
    118.  
   
  118.  
    119.  
   
  119.            </tr>  
    120.  
   
  120.  
    121.  
   
  121.            <tr>  
    122.  
   
  122.  
    123.  
   
  123.               <td><select name="select" onchange="selectchange">  
    124.  
   
  124.  
    125.  
   
  125.  
    126.  
   
  126.  
    127.  
   
  127.  
    128.  
   
  128.  
    129.  
   
  129.                     <option>---软件下载---</option>  
    130.  
   
  130.  
    131.  
   
  131.                     <option value="http://dl.pconline.com/cn">华军软件园</option>  
    132.  
   
  132.  
    133.  
   
  133.                     <option value="http://www.newhua.com/">卓越软件下载</option>  
    134.  
   
  134.  
    135.  
   
  135.                     <option value="http://download.PChome.net/">PChome下载</option>  
    136.  
   
  136.  
    137.  
   
  137.  
    138.  
   
  138.  
    139.  
   
  139. <!--pagechange.html-->  
    140.  
   
  140.  
    141.  
   
  141.       <html>  
    142.  
   
  142.  
    143.  
   
  143.       <head>  
    144.  
   
  144.  
    145.  
   
  145.       <meta http-equiv="content-Type" content="text/html; charset=GB2312">  
    146.  
   
  146.  
    147.  
   
  147.       <title>导航网页</title>  
    148.  
   
  148.  
    149.  
   
  149.       </head>  
    150.  
   
  150.  
    151.  
   
  151.       <!--定义客户端过程selectchange,响应列表元素onChange事件-->  
    152.  
   
  152.  
    153.  
   
  153.       <script LANGUAGE="vbscript">  
    154.  
   
  154.  
    155.  
   
  155.       '响应列表选项改变事件  
    156.  
   
  156.  
    157.  
   
  157.       Sub selectchange  
    158.  
   
  158.  
    159.  
   
  159.           forml.submit                      '提交表单  
    160.  
   
  160.  
    161.  
   
  161.       End sub  
    162.  
   
  162.  
    163.  
   
  163.       </script>  
    164.  
   
  164.  
    165.  
   
  165.       <body>  
    166.  
   
  166.  
    167.  
   
  167.       <form id="forml" name="forml" method="post" action="change.asp">  
    168.  
   
  168.  
    169.  
   
  169.         <table width="160" border="1" cellpadding="0" cellspacing="0">  
    170.  
   
  170.  
    171.  
   
  171.            <tr>  
    172.  
   
  172.  
    173.  
   
  173.                <td><widthwidth="160" height="23" ailgn="center"  
    174.  
   
  174.  
    175.  
   
  175.       <backgroundbackground="../../images/title_bg_show.gif"><b><font color="#003399">==网络导航==  
    176.  
   
  176.  
    177.  
   
  177.       </font></b></td>  
    178.  
   
  178.  
    179.  
   
  179.            </tr>  
    180.  
   
  180.  
    181.  
   
  181.            <tr>  
    182.  
   
  182.  
    183.  
   
  183.               <td><select name="select" onchange="selectchange">  
    184.  
   
  184.  
    185.  
   
  185.       
    186.  
   
  186.  
    187.  
   
  187.                     <option>---其他网站---</option>  
    188.  
   
  188.  
    189.  
   
  189.                     <option value="http://www.sohu.com.cn/">搜狐</option>  
    190.  
   
  190.  
    191.  
   
  191.                     <option value="http://www.sina.com.cn/">新浪</option>  
    192.  
   
  192.  
    193.  
   
  193.                     <option value="http://www.163.com/">网易163</option>  
    194.  
   
  194.  
    195.  
   
  195.               </select></td>  
    196.  
   
  196.  
    197.  
   
  197.             </tr>  
    198.  
   
  198.  
    199.  
   
  199.          </table>  
    200.  
   
  200.  
    201.  
   
  201.        </form>  
    202.  
   
  202.  
    203.  
   
  203.        </body>  
    204.  
   
  204.  
    205.  
   
  205.  
    206.  
   
  206.   
    207.