html js

来源:互联网 发布:吃鸡落地显示网络延迟 编辑:程序博客网 时间:2024/04/29 22:12

重点:调用其他js 的方法(pd)
<Script language="JavaScript" src="pd.js">
 </Script>

      调用  css的方法

                   <link REL=stylesheet href="03.css" type="text/css">

1. 传送格式
01.jsp?username=dsfasdf&pwd=123&pwd2=233&gender=male&interest=vc&interest=vb&interest=jsp&interest2=vfoxpro&province=65&intro=12312312


2.<html>
   <head>
  <meta http-equiv="refresh" content="3;url=http://www.foo.com">
  <meta http-equiv="content-type" content="text/html;charset=gb2312">
  <meta name="keywords" content="beauty">
  <meta name="description" content="The page to show the metas">
  <meta http-equiv="expires" content="0">
  <meta http-equiv="pragma" content="no-cache">
  <meta name="generator" content="ultraedit">
  <meta name="author" content="me">
  <meta name="copyright" content="do not use this page without my permission">
  <title>HEAD示例</title>
    </head>
    <body background="01.gif" bgcolor="#ffffff" text="#ff00ff" link="#00ff00" alink="#ff0000" vlink="#000000">
  <a name="01">页头</a>

           <hr noshade color="#ff00ff" width="600" size="5" align="center">
  你好!
  
           <font size=6>
   <b>黑体</b>
   <br>
   <i>斜体</i>
   <br>
   <u>下划线</u>
   <br>
   <s>中划线</s>
   <br>
   <blink>闪烁</blink>
   <br>
   数组下标<sub>5</sub>
   <br>
   次方<sup>3</sup>
      </font>

      <ul>
   <li>来历一:他爸爸起的
   <li type="circle">来历二:瞎编的
   <li type="square">来历三:呵呵,为什么要告诉你
      </ul>

             <nobr>我就不换行!</nobr>

      <pre>
       在这里可以随便排列文字的板式
             </pre>

            <img src="images/01.jpg" alt="有01,我是不会显示出来的" ></img>
 
  <a href="01.html">链接到01.html</a>

  <a href="05.html#test">05.html</a>

 </body>
</html>


3.表格
     <table width="768" align="center" border="2">
   <tr>
    <td width="30%" align="center">编号</td>
    <td width="30%" align="center">名称</td>
    <td align="center">性格</td>
   </tr>
   <tr>
    <td valign="top" height="50">1</td>
    <td valign="middle">小猫咪</td>
    <td valign="bottom">温顺</td>
   </tr>
   <tr>
    <td rowspan="2" colspan="2">
     <font size="5" color="red">我是狮子!</font>
    </td>
    <td>暴躁</td>
   </tr>
   <tr>
    <td>十分暴躁!</td>
   </tr>
   <tr>
    <td>3</td>
    <td>蛇</td>
    <td>冷酷</td>
   </tr>
  </table>
4表单

  <form action="01.jsp" method="post">
   <table width="750" align="center" border="2">
    <tr>
     <td colspan="2" align="center">用户注册</td>
    </tr>
    <tr>
     <td>用户名:</td>
     <td>
      <input type=text name="username"  size="30" maxlength="10">
     </td>
    </tr>
    <tr>
     <td>密码:</td>
     <td>
      <input type=password name="pwd" size="15" maxlength="12">
     </td>
    </tr>
    <tr>
     <td>密码确认</td>
     <td>
      <input type=password name="pwd2" size="15" maxlength="12">
     </td>
    </tr>
    
    <tr>
     <td>性别</td>
     <td>
      <input type=radio name="gender" value="male" >男
      <input type=radio name="gender" value="female">女
      <input type=radio name="gender" value="baomi" checked>保密
      
     </td>
    </tr>
    
    <tr>
     <td>你感兴趣</td>
     <td>
      <input type="checkbox" name="interest" value="vc" checked>VC
      <input type="checkbox" name="interest" value="vb" checked>VB
      <input type="checkbox" name="interest" value="vfoxpro">VF
      <input type="checkbox" name="interest" value="vjava">VJ
      <br>
      <input type="checkbox" name="interest" value="bc">BC
      <input type="checkbox" name="interest" value="cobol">CO
      <input type="checkbox" name="interest" value="java">JA
      <input type="checkbox" name="interest" value="delphi">Delphi
     </td>
    </tr>
    
    <!--必须选中JSP-->
    <input type="hidden" name="interest" value="jsp">
    
    <tr>
     <td>你感兴趣</td>
     <td>
      <select name="interest2" size=8 multiple>
       <option value="vc" selected>VC</option>
       <option value="vb" selected>VB</option>
       <option value="vfoxpro">VF</option>
       <option value="vjava">VJ</option>
       <option value="bc">BC</option>
       <option value="cobol">CO</option>
       <option value="java">JA</option>
       <option value="delphi">Delphi</option>
      </select>
     </td>
    </tr>
    
    <tr>
     <td>你来自</td>
     <td>
      <select name="province">
       <option value=0>请选择                 </option>
       <option value=34>安徽</option>
       <option value=11>北京</option>
       <option value=50>重庆</option>
       <option value=35>福建</option>
       <option value=62>甘肃</option>
       <option value=44>广东</option>
       <option value=45>广西</option>
       <option value=52>贵州</option>
       <option value=46>海南</option>
       <option value=13>河北</option>
       <option value=23>黑龙江</option>
       <option value=41>河南</option>
       <option value=42>湖北</option>
       <option value=43>湖南</option>
       <option value=32>江苏</option>
       <option value=36>江西</option>
       <option value=22>吉林</option>
       <option value=21>辽宁</option>
       <option value=64>宁夏</option>
       <option value=15>内蒙古</option>
       <option value=63>青海</option>
       <option value=31>上海</option>
       <option value=14>山西</option>
       <option value=37>山东</option>
       <option value=51>四川</option>
       <option value=61>陕西</option>
       <option value=12>天津</option>
       <option value=54>西藏</option>
       <option value=65 selected>新疆</option>
       <option value=53>云南</option>
       <option value=33>浙江</option>
       <option value=71>台湾</option>
       <option value=81>香港</option>
       <option value=82>澳门</option>
       <option value=0>其他</option>
      </select>
     </td>
    </tr>
    
    <tr>
     <td>自我介绍</td>
     <td>
      <textarea rows="12" cols="80" name="intro" wrap="hard"></textarea>
     </td>
    </tr>
    
    <tr>
     <td></td>
     <td>
      <input type="submit" value="提交">
      <input type="image" src="01.jpg" width=30>
      <input type="reset" value="重置">
      <input type="button" value="ok">
     </td>
    </tr>
    
   </table>
  </form>

 

5.多窗口:没有body 不能写
<frameset cols="200, 30%, 10%,*">
   <frame name="left" src="01.html" noresize>
   <frame name="middle" src="02.html">
   <frame name="right" src="03.html">
   <frameset rows="40%,*">
    <frame name="righttop" src="02.html">
    <frame name="rightbottom" src="03.html">
   </frameset>
</frameset>

 6.链接

  <a href="20_1.html" target="righttop">链接到20_1,但在右上窗口显示</a>
  <br>
  <a href="20_1.html" target="_parent">链接到20_1,但在我的父窗口显示</a>
  <br>
  <a href="20_1.html" target="_top">链接到20_1,但在最上层窗口显示</a>
  <br>
  <a href="20_1.html" target="_blank">链接到20_1,但在新窗口显示</a>
  <br> 
7.javaScript调试
  IE——工具——internet选项 ——高级  打开禁用脚步调试  显示每个错误通知

  调试方法   用alter 弹框 来代替  java 的 打印   ——看它是否调用
  删一行 改一行
 


8.检验 
<script type="text/javascript">
   function check() {
     if(document.test.t.value==" ") {
          alert("空串不允许");
         return false:
      )
      return true;
</scirpt>


 <form name="test" action="1.htm" onsubmit="return check()">
   <input type="text" name="t">
   <input type="submit" value="ok">
</form>

9.SetTimeOut   SetInterval
10.在retative.htm  两条下拉条 一起改变


11.调用其他js 的方法(pd)
<Script language="JavaScript" src="pd.js">
 </Script>


 12.获取id
  ducument.getElementById("某个控件的id").innerHTML= 设置他等于某个值;

13.<head>
  <meta http-equiv="refresh" content="3;url=http://www.foo.com">
  <meta http-equiv="content-type" content="text/html;charset=gb2312">
  <meta name="keywords" content="beauty">
  <meta name="description" content="The page to show the metas">
  <meta http-equiv="expires" content="0">
  <meta http-equiv="pragma" content="no-cache">
  <meta name="generator" content="ultraedit">
  <meta name="author" content="me">
  <meta name="copyright" content="do not use this page without my permission">
  <title>HEAD示例</title>
 </head>
        

原创粉丝点击