JavaScript 代码总结

最新推荐文章于 2024-04-24 09:22:16 发布

seacool

最新推荐文章于 2024-04-24 09:22:16 发布

阅读量761

点赞数

文章标签： javascript function date input html 2010

本文链接：https://blog.csdn.net/seacool/article/details/367070

版权

一.动态改变文本

<html>
<head>
<title>DHtml举例12</title>
<style>
</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" οnclick="changeText()">您好吗? </li>
<li id="DH" οnclick="changeHtml()">您姓什么? </li>
<li οnclick="back()">恢复原样! </li>
</ul>
</body>
</html>

二.日期选择框

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

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.οnlοad=toDate;
</SCRIPT>

seacool

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 代码总结

一.动态改变文本DHtml举例12body {font-family:"宋体";color="blue";font-size="9pt"}-->function changeText(){ document.getElementById("DT").innerText="我很好!";}//functionfunction changeHtml(){ document.getElemen
复制链接

扫一扫