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全功能轮播图编写总结

效果如下(由于图片限制上传大小为2M,所以下面的动态图演示了部分功能),这套轮播图应该是功能非常全面了,包括预览小图,翻页按钮,右下角和左下角提示性的文字,中间的标记条,鼠标移入,点击等事件的处理等。...
  • rabbitter
  • rabbitter
  • 2016年04月18日 15:02
  • 1594

javascript最全面的总结

http://www.cnblogs.com/ttyp/archive/2004/11/15/63900.aspx 事件源对象 event.srcElement.tagName ev...
  • jazywoo123
  • jazywoo123
  • 2011年11月08日 16:10
  • 626

史上最全的javascript知识点总结,浅显易懂。

一,认识javascript 1-1 为什么学习JavaScript 一)、你知道,为什么JavaScript非常值得我们学习吗? 1. 所有主流浏览器都支持JavaScript。 2. 目...
  • qiushi_1990
  • qiushi_1990
  • 2014年10月19日 10:03
  • 3242

网站设计之常见简单实用的JavaScript特效总结(上篇)

这篇主要是总结JavaScript常见简单实用的特效,主要从代码量短、简单实用几个方面进行叙述。其中特效包括: 1.鼠标悬停图片切换查看器; 2.鼠标移动图片放大; ...
  • Eastmount
  • Eastmount
  • 2016年12月19日 00:54
  • 2917

关于javascript事件总结和自己的心得体会

传统事件 1、表单事件 Form元素:submit、reset 按钮类表单元素:click 输入、选择框等元素:change 更换焦点:focus、blur,这两个事件不会冒泡,focusi...
  • fandongyuan521
  • fandongyuan521
  • 2017年04月20日 16:06
  • 363

JavaScript之事件总结

上篇已经介绍了DOM机制,主要是针对web页面结构及样式的设计。但是有了良好的界面设计还不够,还需要实现网页与用户的交互。我们的最终目的还是为用户服务,所以就需要用户来访问及操作web页。这就涉及到另...
  • u013036278
  • u013036278
  • 2015年06月21日 09:32
  • 1235

JavaScript 常用功能总结

编吐血整理加上翻译,太辛苦了~求赞!本文主要总结了JavaScript 常用功能总结,如一些常用的额JS 对象,基本数据结构,功能函数等,还有一些常用的设计模式。 目录:众所周知,JavaScript...
  • powertoolsteam
  • powertoolsteam
  • 2016年01月21日 15:59
  • 2495

javascript高级程序设计读书笔记——事件总结

第13章 事件 1.1 事件冒泡     事件开始的时候从最具体的元素接收,然后逐级向上传播到较为不具体的节点。 1.2 事件捕获     事件捕获与冒泡相反,首先由不具体的节点接收,最后...
  • yinkaihui
  • yinkaihui
  • 2016年08月16日 00:34
  • 864

javascript 学习小结 JS装逼技巧(一) by FungLeo

javascript 学习小结 JS装逼技巧(一) by FungLeo前言最近一直在做javascript方面的工作.但是本身我的javascript水平比较低,因此在学习过程中比较困难.而最近又接...
  • FungLeo
  • FungLeo
  • 2016年05月11日 21:47
  • 10533

javascript 完整知识点整理(基于w3school教程)

Copyright 2016 by 蔡舒啸 保持署名-非商业性使用-相同方式共享 Creative Commons BY-NC-ND 3.0目录5种基本类型 typeof 关键字 三种强制类型转换 日...
  • caib1109
  • caib1109
  • 2016年07月10日 10:24
  • 4718
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript 代码总结
举报原因:
原因补充:

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