对上篇博客的最后那个表格隔行高亮显示加了个功能,鼠标监听和年龄从小到大排序。演示代码:<html><head><title>DHTML技术演示---表格中页面中的显示操纵--行间隔高亮显示</title><metahttp-equiv="content-type"content="text/html; charset=UTF-8"><styletype="text/css">@importurl(table.css);.one{background:#00ff00;}.two{background:rgb(210,0,0);}.over{background-color:#ffff00;}</style><scripttype="text/javascript"...
1、什么是DOM?DOM 是 W3C(万维网联盟)的标准。DOM 定义了访问 HTML 和 XML 文档的标准:"W3C 文档对象模型(DOM)是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。"W3C DOM 标准被分为 3 个不同的部分:核心 DOM - 针对任何结构化文档的标准模型XML DOM - 针对 XML 文档的标准模型HTML DOM - 针对 HTML 文档的标准模型 什么是 XML DOM? ---->XML DOM 定义了所有 XML 元素的对象和属性...
1.仿照QQ列表分组<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title></title></head><link rel="stylesheet" href="css/new_file.css" /><!--<script>function aa(){//将所有div节点中的disp值变为nonevar divDivs = document.getElementsByTagName("div");for(var i=0;i<divDivs;i++){divDivs[i].style.display = "none";}}aa();</script>--><!--1.点击分组,展开当前列表2.第几分组,在当前分组展开之前,先关闭其他分...
DHTML:它不是一门新的语言,而是HTML、CSS和JavaScript这三者相结合的产物,DHTML包含如下3个含义: (1)通过HTML把网页标记为各个元素 (2)利用CSS设计元素之间的排版样式,并控制各个标记的位置 (3)使用js来控制各个标记JavaScript由三部分组成:(1) ECMAScript是一种由欧洲计算机制造商协会(ECMA)通过ECMA-262标准化的脚本程序设计语言。ECMAScript定义了脚本语言的所有特性、对象和方法,其他语言可以实现ECMAs...
一、什么是DOM? 什么叫DOM,DOM是文档对象模型(Document Object Model,是基于浏览器编程(在本教程中,可以说就是DHTML编程)的一套API接口,W3C出台的推荐标准,每个浏览器都有一些细微的差别,其中以Mozilla的浏览器最与标准接近。单纯的Javascript要结合DOM才能做DHTML编程,才能做出漂亮的效果、应用于WEB。这点几乎与其它的语言无异,正如C/C++需要库支持是一样的道理。否则就是单纯的在语法上做研究了。因此,必须要对DOM有...
代码如下: LD5工具 *{font-size:12px;font-family:宋体} td{width:180;cursor:hand;text-align:center} .n1{font-size:18px} .n2{font-size:18px;font-family:wingdings} .n3{font-size:18px;font-family:wingdings 2} .n4{font-size:18px;font-family:wingdings 3} .n5{font-size:18px;font-family:webdings} .n6{font-size:18px;font-family:Marlett} .n7{font-size:18px;font-family:华文彩云} 中文特殊符号Assic实体对...
下面的东西显示了在复杂的情况下, 怎样最好地在一个Element的旁边显示某个DIV。 当然,你可以滚动窗口,使这个按纽靠窗口的 左/上/右/下 的情况,观察菜单的弹出方位。 全部代码: 代码如下: table1table1 table1 div1 start ClickMe div1 end - table2table2 table2 div2 start div2menu div2menu div2menu div2menu div2menu div2 end //get the positi...
摘要:本文说明了某些 DHTML 功能对性能的重大影响,并提供了一些提高 DHTML 页面性能的技巧。 目录 简介 成批处理 DHTML 更改 使用 innerText 使用 DOM 添加单个元素 扩展 SELECT 元素中的选项 用 DOM 更新表 编写一次,使用多次 请勿过多使用动态属性 数据绑定很有效 不要在 document 对象中设置 expando 属性 避免切换类和样式规则 查找父项之前,先折叠文本范围 其他资料 简介 动态 HTML (DHTML) 在 Microsoft® Internet E...
这些天都没有更新日志了,这篇文章就也算是自己的一些经验谈了。简单的说一些技巧给大家,希望对你有所帮助,如果还有疑问,可以在下边留言。 一、全等运算符 在JS中,不为0的数皆为true,除了几个特殊的变量除外。比如:undefined,null,""等。这在大多数情况下,也是我们所期望的。 但你不应该忽略这个全等运算符。因此需要较为严格的效验下,我们可以用===这个全等运算符,看下面的代码: //平常的一些效验 var foo = functio...
一、什么是DOM? 什么叫DOM,DOM是文档对象模型(Document Object Model,是基于浏览器编程(在本教程中,可以说就是DHTML编程)的一套API接口,W3C出台的推荐标准,每个浏览器都有一些细微的差别,其中以Mozilla的浏览器最与标准接近。单纯的Javascript要结合DOM才能做DHTML编程,才能做出漂亮的效果、应用于WEB。这点几乎与其它的语言无异,正如C/C++需要库支持是一样的道理。否则就是单纯的在语法上做研究了。因此,必须要对DOM有...
[ 2007-04-11 14:31:50 | Author: never-online ] 这一节首先请下载JScript.chm这本手册,无论新手老手,有一本手册是免不了的,特别是对于新手,如果你没有空翻犀牛书,那么这本手册将是你了解这门语言的首选。下面所讲的大多数,手册上可以没有提及,或提及很少的内容。 以下的教程都是针对你对上面所说的JScript.chm这本手册了解的基础上而写的,如果你还没有看过JScript.chm,建议你先下载,边看手册,边看教程。 JS的语法与大...
上篇说了动态创建结点和删除结点的例子,这一篇说一些如何用setInterval和setTimeout做简单的动画。 语法皆是window.setTimeout(fn, delay), window.setInterval(fn, delay) fn可以是一个函数名,也可以是一个执行的字符串,但要注意的是,如果fn是一个可以执行的字符串,且有参数,如window.setInterval("myFunction(obj)",1000)将可能抛出一个异常,这个时候,通常是你要传递一个对象参数,我建议用这样的一个办法来解决,也建议...
效果DEMO:http://www.never-online.net/tutorial/js/upload/Javascript & DHTML 实例编程(教程)(三),初级实例篇—上传文件控件实例上章基本上把要交代的基本知识都说了一些,今天终于开始写代码了:D首先来做一个实例,批量上传的UI控件。以后一般做的示例也是以UI控件为主的。都是封装成Object或者用Function封装成"Class"类。也许对于单单看前几章的朋友来说这个例子过于深奥了,但是不用担心,一步步来解释应该很快理解的,...
注意:由于是直接使用windows内置控件,以下的代码都没有考虑兼容问题。要使页面正常显示需要开启浏览器的ActiveX。1.Microsoft Masked Edit Control, version 6.0 Microsoft Masked Edit Control, version 6.0 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]2.Microsoft Date and Time Picker Control, version 6.0 Microsoft Date and Time Picker Control, version 6.0 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]添加code...
WEB标准下可以通过getElementById(), getElementsByName(), and getElementsByTagName()访问DOCUMENT中的任一个标签: 1、getElementById() getElementById()可以访问DOCUMENT中的某一特定元素,顾名思义,就是通过ID来取得元素,所以只能访问设置了ID的元素。 比如说有一个p的ID为docid: <p id="docid"></p> 那么就可以用getElementById("docid")来获得这个元素。 <html>
<head>
<meta http-equiv="Content-Type" content="te...