JavaScript 代码总结

一.动态改变文本

<html>
<head>
<title>DHtml举例12</title>
<style><!--
body {font-family:"宋体";color="blue";font-size="9pt"}
-->
</style>
<script language="javascript">
function changeText()
{
    document.getElementById("DT").innerText="我很好!";
}//function

function changeHtml()
{
    document.getElementById("DH").innerHTML="我姓贵!";
}//function

function back()
{
    DT.innerText="您好吗?";
    DH.innerHTML="您姓什么?";
}
</script>
</head>

<body>
<p><font color="gray">请点击下边的文字……</font>
<ul>
<li id="DT" onclick="changeText()">您好吗? </li>
<li id="DH" onclick="changeHtml()">您姓什么? </li>
<li onclick="back()">恢复原样! </li>
</ul>
</body>
</html>

二.日期选择框

<SELECT id=year onchange=toDate()>
  <SCRIPT>for(i=1970;i<=2010;i++)document.write("<option>"+i+"</option>")</SCRIPT>
</SELECT> <SELECT id=month onchange=toDate()>
  <SCRIPT>for(i=1;i<=12;i++)document.write("<option>"+i+"</option>")</SCRIPT>
</SELECT> <SELECT id=day onchange=toDay()></SELECT> <INPUT name=weekday>
<SCRIPT>
var arr="日一二三四五六".split("")

function toDate(){
 with(document.all){
  vYear=parseInt(year.options[year.selectedIndex].text)
  vMonth=parseInt(month.options[month.selectedIndex].text)
  day.length=0;
  for(i=0;i<(new Date(vYear,vMonth,0)).getDate();i++){day.options[day.length++].value=day.length;day.options[day.length-1].text=day.length;}
 }
 toDay();
}

function toDay(){
 vDay=parseInt(document.all.day.options[document.all.day.selectedIndex].value)
 document.all("weekday").value="星期"+arr[new Date(vYear,vMonth-1,vDay).getDay()]
}

window.onload=toDate;
</SCRIPT>

阅读更多
想对作者说点什么? 我来说一句

js的全套学习总结,xmind版本

2014年11月19日 3.53MB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭