JavaScript 代码总结

原创 2005年04月28日 18:53:00

一.动态改变文本

<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>

Javascript 常用代码总结

  • 2009年09月24日 13:23
  • 15KB
  • 下载

javascript常用代码总结

  • 2011年07月14日 09:58
  • 58KB
  • 下载

Ajax实战总结——用原生JavaScript代码封装自己的Ajax核心对象

目前已有了很好的Ajax封装,例如:JQuery框架中的Ajax,那么为什么还要自己封装一下下呢?原因很简单,一是了解人家的封装过程,二是自己熟悉代码,三是更加深刻对Ajax核心对象的理解,以及使用A...

JavaScript代码性能优化总结 20151101

JavaScript代码性能优化总结

超实用的JavaScript代码段 Item7 -- “&&”和“||”操作符总结

1、||(逻辑或),从字面上来说,只有前后都是false的时候才返回false,否则返回true。alert(true||false); // true alert(false||true); ...

精通javascript 代码总结

在看了《精通javascript 》一书中,里面讲了很多工具函数,先整理一部分。 主要在javascript和css交互的代码: function text(e) { //获...
  • dz45693
  • dz45693
  • 2012年06月27日 11:06
  • 2403

JavaScript经典代码总结

1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键 no 可用于Table 2.  取消选取、防止复制 3. onpaste=...

JavaScript常用代码总结

分享了一些常用JavaScript代码,有:1.手机类型判断、2.字符串长度、3.获取url中的参数、4.js 绑定事件、5.当前浏览器JS的版本、6.全选/全不选、7.移除事件、8.回车提交、9.a...

JavaScript学习总结(10)——实用JS代码大全

事件源对象  event.srcElement.tagName  event.srcElement.type捕获释放  event.srcElement.setCapture();   eve...

JavaScript代码性能优化总结

下面是我总结的一些小技巧,仅供参考。 以下代码基本上在jQuery的源码里面都可以看到,如有说得不对的地方,请大家指出。 尽量使用源生方法 javaScript是解释性语言,相比编译...
  • MOONCOM
  • MOONCOM
  • 2017年03月09日 11:16
  • 180
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript 代码总结
举报原因:
原因补充:

(最多只允许输入30个字)