常用HTML代码

 


控制背景颜色
<SCRIPT LANGUAGE="JavaScript">
   function changeBg(sel){
    if(sel.value!=""){
     document.body.bgColor=sel.value;
    }
   }
  </SCRIPT>

直线
<hr width="50%" align="left" size="1" noshade="noshade" />
--------------------------------------------------------------------
加粗斜体下划线
<b><i><u>独钓寒江雪</u></i></b>
<a href="mailto:[email protected]">发送简历</a>
<a href="down/javaexam.rar">本地下载</a>
<a href="http://www.newhua.com/ro/client0903.exe">电信下载</a>
锚的使用
<p><a href="#chibi">赤壁</a> </p>
<p><a name="chibi">赤壁</a><br>
 折戟沉沙铁未销,自将磨洗认前朝。<br>
 东风不与周郎便,铜雀春深锁二乔。</p>

---------------------------------------------------------------------
div的使用
<div align="center">
  <div style="font-size:24px">渔翁</div>
  <div style="background:#6F0">渔翁夜傍西岩宿,晓汲清湘燃楚竹。</div>
  <div>烟销日出不见人,欸乃一声山水绿。</div>
  <div>回看天际下中流,岩上无心云相逐。</div>
 </div>
---------------------------------------------------------------------
div 立体层
<div id="Layer1" style="position:absolute; left:165px; top:102px;
 width:239px; height:166px; z-index:1">
 <img src="pic/92.jpg" width="236" height="164"></div>
<div id="Layer2" style="position:absolute; left:103px; top:23px;
 width:210px; height:192px; z-index:2">
--------------------------------------------------------------------
可口可乐
一种休闲饮料,来源于美国一个药剂配方
<dl>
  <dt>可口可乐</dt>
  <dd>一种休闲饮料,来源于美国一个药剂配方</dd>
</dl>
----------------------------------------------------------------------
  <embed src="sound/demo.mp3" autostart="true" loop="true" width="0" height="0"></embed>

 
  <embed src="video/welcome.swf" width="400" height="300" ></embed>
图片超链接

<a href="poem_001.htm"><img src="pic/logo.gif"></a>
<img src="pic/logo.gif" width="100px" height="500px">
表的使用

<table width="364" height="191" border="1" align="center" bordercolor="#FF0000" cellspacing="1" cellpadding="10">
<tr>
    <td colspan="4">&nbsp;</td>
  </tr>

<OL  type="a"start="2">
  <li>宣州谢[月兆]楼饯别校书叔云</li>
  
</OL>


居中显示
<center>
  窗前明月光<br/>
  
 </center>
<    >
&lt;&gt;

行内样式
   <div style="color:red;width:300px;border:1px #0000ff solid;text-align:center">
 久为簪组累,幸此南夷谪。<br/>
 
  </div>

border:#600 dotted;  边框为星点

下拉列表
<select>
   <option value="zhangjl">张九龄</option>
   <option value="lib">李白</option>
   
</select>


<select name="sport" size="1" multiple>  //有上下拉动按钮

-------JS部分

<body onunload="alert('bye!');">关闭此页面的的时候
 document.write('欢迎来到JAVASCRIPT!');
confirm("要喝茶吗?") //弹出一个选择框 返回值为 boolean

document.getElementById("CSSLink").href="style2.css";//换肤

 var k = window.showModalDialog("child.html",window,
           "dialogWidth:335px;status:no;dialogHeight:300px"); 

 

<span id="txt" style="display: none">不显示
document.getElementById("txt").style.display = "block";
跳转
onClick="window.location.href='setTimeout2.html';"


  document.write("你的浏览器名称是"+navigator.appName);
  document.write("<hr/>你的浏览器版本是"+navigator.appVersion);


function doInput(txt) //文本框传值
//下拉列表传值
 function changeurl(selectObj){
  location.href=selectObj.value;
 }
//页面刷新的用法
onClick="window.location.reload();"

document.write(window.screen.availWidth+"<br/>");
document.write(window.screen.availHeight+"<br/>");
document.write(window.screen.bufferDepth+"<br/>");
document.write(window.screen.colorDepth+"<br/>");
document.write(window.screen.deviceXDPI+"<br/>");
//数组的应用
 var poem = ['adf','ddd',33,78];
//循环数组的另一种方法
   for(var x in list){
    document.write("<p>"+list[x]+"</p>");
   }

var now= new Date();
   var hour = now.getHours();
now.getYear()
now.getDate()
now.getMinutes( )
//变换背景图片
document.body.background="img/"+picnum+".jpg";
//设置间隔 没3秒调用函数
<body onLoad="setInterval('changeBackPic()',3000)">

var time=setTimeout("startRun()",100);
 clearTimeout(time);
//定义一个类
 function User(){
  //this.tel=13812341234;
  this.sayHi=function(msg){
   alert("我是"+this.name+",大家好。"+msg);
  }
 }
User.prototype.name="小白";

var str="隐香遍天涯,暗魂染芳华。雨过风停处,骑马叹落花。";
   var arr=str.split(/,|。/);
var s1=s.substr(3,5); 输出5个
var s2=s.substring(3,5);输出2个

 

你可能感兴趣的:(JavaScript,html,浏览器,css,电信)