转自:http://hi.baidu.com/beanchx/blog/item/243b38f326695e53342acc49.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title> OffsetProperty </title> <style type="text/css"> .offsetTest{ margin:1px; border:1px solid #000; padding:3px; pos ...
1.http://htmlplayground.com 学习HTML的站点,所见即所得。 2.http://krook.org/jsdom/ JavaScript DOM API
转自:http://maycode.com 提示: 简单介绍了javascript的function,new, 构造器行为,以及prototye的基础常识,如有偏颇适当处请指出,因仅为个人理解。 ================================================================================================================ 一. javascript函数的几个相关概念 ================================================================ ...
一、内核(浏览器引擎) IE:Trident(Windows平台)和Tasman(Mac平台);其他像遨游,TT等IE内核的浏览器当然也是采用Trident。 Firefox:Gecko,其他Netscape,Mozilla Thunderbird 也是采用它。 Opera:Presto,(Kestrel)? Safari:Webkit(从KDE的KHTML及KJS引擎衍生而来) 二、兼容性问题 此处不多说类似于document.all的入门级问题了 (一).对于DOM的解释 1.body IE:body完全解释完才存在 Firefox:body一开 ...
开始专注于web开发,以前的CSS知识储备明显不够,把以后积累的这方面知识记下来。 1. XHTML要求所有的标签和属性名都用小写。 2. inline和block inline: <span>, <a>, <label>, <input>, <img>, <strong>l, <em> 和其他元素都在一行上;高、行高、顶和底边距都不可控制;宽度是他内部字体或图片宽度,不可改变。 block: <div>, <h1>, <p>, <form>, <ul>, <li> 总是在新行上开始;高度、行高 ...
JS定义类时应注意: > 不共享的简单类型数据成员可以用this定义也可以用prototype定义。 > 不共享的对象类型数据成员可以用this定义,但不要是类外部定义对象的引用。 > 共享的对象数据类型成员可以用prototype定义, 因此,函数最好都在prototype中定义,因为用this定义将会函数在类实例之间不共享,造成内存浪费。 > 此外,还有 类“static” 成员/方法, 它只能用 【类名】.【成员名】 的方式调用, 而不能是 【对象名】.【成员名】。 定义: > 用JSON定义的对象,已经使用了关键字new > JS中对象没有prototype属性,只有类有 > pro ...
最近的做的项目是基于w3c标准的,所以出现了一些以前没有遇到过的问题。 首先的一个问题就是引入的DTD文件。基于XHTML 1.0的dtd有三种 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">   ...
原文出处:http://www.never-online.net/blog/article.asp?id=115 从Range中插入一些数据 前一节的几个方法解决了如何移除range中所选中的fragment。现在说明如何添加内容到Range中。 insertNode()方法可以插入一个节点到Range中。假如我想把以下的节点插如Range中,将如何操作呢? <span style="color: red">Inserted text</span>   看下面 ...
原文出处:http://www.never-online.net/blog/article.asp?id=114 复杂的DOM Range 建立复杂的DOM range需要使用setStart()和setEnd()两个方法,这两个方法有两个参数:一个是一个节点(node)引用和一个偏移(offset)。 setStart方法节点的引用是startContainer,偏移则是startOffset; setEnd()方法时,节点引用为endContainer,偏移就是endOffset。 使用这两个方法与selectNode()和selectNodeContents()方法相似 ...
原文出处:http://www.never-online.net/blog/article.asp?id=113 2级DOM定义了一个createRange()方法,如果是按照DOM此标准的浏览器(IE并不是支持此标准的,但是IE里的属性或方法却远比标准中定义的多得多),它属于document对象,所以创建一个range对象要这样做: var oRange = document.createRange();   如果你要检测你的浏览器是否支持此标准Range对象,可以用hasFeature()方法来检测: ...
在web开发中,有时候要用到js模拟鼠标的选中文本 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>文本被选中</title> <script type="text/javascript"> function selectItem1(){ var mydiv = document.getElement ...
来自于:麦盾http://dev.iseasky.com var isMozilla = (true && document.implementation &&                   document.implementation.createDocument);  &n ...
最近在开发中遇到了表单提交前验证的问题,用一个普通的button按钮代替submit按钮, 在提交前触发这个button的onclick事件,在其事件中触发form的submit事件。问题出现了: 以下是出现相关代码: <form action="http://www.baidu.com/s?wd=this.form.submit%28%29%3B&cl=3" method="post" name="form1" onsubmit="return alert('已提交!'); return false;"> <table align="center" width="420px" ...
js 代码 出处:http://redhacker.blueidea.com/archives/2006/3637.shtml By  凌云志 发表于 2006-11-13 0:03:00             在Java中,Map对象是一个十分有用的对象,因此,我最近一直想去自己实现一个Js的Map类,后来发现网络上有一个不错的实现,参考网上流传的一个实现,我整理了一下,并且准备再加一个so ...
版权声明:未作特别说明的内容可以转载,转载时请务必以超链接形式标明文章原始出处和作者信息及本声明。本文地址:http://www.xujiwei.cn/blog/?id=704 无意中测试AJAXRequest浏览器兼容性的时候,发现AJAXRequest.update方法在某些情况下在IE里有问题,经过测试找到是setTimeout和setInterval的问题。 问题出现在当调用AJAXRequest.update方法时,如果带了更新间隔及更新次数,那么在IE下面就会出现问题,具体表现为带了更新间隔时是函数工作,带上更新次数时函数无法在更新指定次数后停止执行。 测试几个例子之后找到了 ...
出处:http://blog.csdn.net/yzhz  杨争           项目经理制定项目时间表的时候,需要估算每个任务所需的时间,其中开发任务中模块的分配和时间估算是其中最主要的部分。本篇专门就这部分作一个阐述。 一、在分配模块和估算开发时间时,我们需要把握的原则和目标: 1、保证项目整体的进度。 2、有助于确保开发编码的质量。 3、有助于提高开发编码的速度。 二、每个公司都拥有自己的技术框架,开发人员主要的工作通常投入在具体的商业逻辑上。 通常每个模块所需的开发 ...
Java Web开发构想 1.背景、形势 能够进行Web开发的编程语言和技术很多 (1) 动态解释语言 PHP; Perl; Python (Zope, Plone); Ruby (Ruby on Rails); (2) 编译语言 Java; .net       Java Web开发远非一枝独秀: 除了受到来自.net 这个重量级对手的最大挑战之外,更受到Zope, Ruby on Rail 等新式轻骑兵的冲击(当然,也继续受到老式轻步兵PHP, Perl的冲击)。       官方Java走的是复杂路 ...
//校验是否全由数字组成 代码function?isDigit(s) ??{ ??var?patrn=/^[0-9]{1,20}$/; ??if?(!patrn.exec(s))?return?false??return?true??} ??//校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串 代码function?isRegisterUserName(s) ??{ ??var?patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/; ??if?(!patrn.exec(s))?return?false??return?true??} ...
1. 遍历文件下的所有文件 ? function?? fileList(){ ? var filePath = "test"; //文件目录? fso = new ActiveXObject("Scripting.FileSystemObject");?? ? fldr = fso.GetFolder(filePath);?? ? fc = new Enumerator(fldr.files);?? ? for(; !fc.atEnd(); fc.moveNext()) { //枚举所有文件 ??? s=fc.item();?? //取文件对象??????? ??? f = fso.GetFi ...
中的defer作用是文档加载完毕了再执行脚本,这样回避免找不到对象的问题---有点问题testmyButton.click();myButton.click();testfunction document.body.on load() {?alert(document.body.offsetHeight);}加上 defer 等于在页面完全在入后再执行,相当于 window.on load ,但应用上比 window.on load 更灵活!defer是脚本程序强大功能中的一个“无名英雄”。它告诉浏览器Script段包含了无需立即执行的代码,并且,与SRC属性联合使用,它还可以使这些脚本在后台 ...
17.2. DOM2中的高级事件处理(Advanced Event Handling with DOM Level 2)??????? 迄今为止,在本章中出现的事件处理技术都是DOM0级的一部分,所有支持JavaScript的浏览器都支持DOM0的API.DOM2定义了高级的事件处理API,和DOM0的API相比,有着令人瞩目的不同(而且功能更强大).虽然DOM2标准并没有把已有的API收入其中,但是DOM0级API也没有被去除.对于基本的事件处理任务,你会觉得使用这些简单的API更自由一些. ??????? DOM2事件模型被除了IE以外的所有浏览器支持.17.2.1. 事件传播(Event ...
我不想挑起IE与Firefox之间的争论,我只想说说Firefox浏览器有而IE里没有的一个功能,对DOM里的对象原型的扩展。??? 在DOM里的window、document、element、event等这些对象在Firefox(或者说Mozilla核心的浏览器)里都有与之对应的原型:Window、HTMLDocument、HTMLElement、Event等,对于这些原型扩展之后,那些window、document等对象就“自动”拥有某些成员属性或者成员方法了。举个简单的例子,比如在IE里都有一个 outerHTML 属性,可以取得这些元素所有的细节信息,但是这个属性不是W3C标准属性,所 ...
前几天发现js中的原型功能实在是太强大了一。创建自己的原型function Root(){this.id="1001";//为Root类定义属性,并初始化this.name="this is name";//为Root类定义属性,并初始化this.add=function (name2){this.name=this.name+name2;//为Root类添加方法}}下面来看看如何使用原型:function test(){var root=new Root();//可以知道function Root()相当于java中的构造函数,也相当于java中的一个类alert(root.id);//得到 ...
可以得到各种浏览器的DOM对象属性方法function showObject(obj) {?var ms = []?for(var m in obj) ms.push(m)?ms.sort()?var html = ""?for (var i in ms) {??var m = ms[i]??html += m + ": " + obj[m] + "\n"?}?html += ""?document.write(html)}var o = document.getElementById("table")showObject(o)
1,W3C(ff)不支持windows.event,在ie下window.event作为一个全局变量,任何时刻都可以直接访问,如event.srcElement,event.x,等,但在ff下必须要定义event事件,方法如下:function getEvent(evt){? ? ev=evt||window.event;//在ie下由于获取不到evt的内容所以将window.event赋给ev,在ff下,浏览器可以通过外部参数evt获取evt,因此将evt赋给ev}这样就可以ev变量使用event事件了。2,W3C(ff)的event不存在srcElement属性,等同于srcElement ...
来源:http://developer.mozilla.org/cn/docs/Core_JavaScript_1.5_Guide:Creating_New_Objects:Defining_Getters_and_SettersA getter is a method that gets the value of a specific property. A setter is a method that sets the value of a specific property. You can define getters and setters on any predefined co ...
【推荐】 XML文档对象模型手册1XML 对象模型------------------------------------------------------------来源:节选自 实战XML第二版(ScriptXML):Appendix A XML 对象模型整理: FREETA日期: 2003-10-25? ?第5 章谈论了如何使用Script 在HTML 网页中与组件互相整合,以及如何与XML 对象模型合作。这个附录将详细地探究XML 对象模型,包括组成模型的对象、它们的属性与方法,和他们如何被应用在应用程序中。对象模型结构? ?正如同我们在第3 章所讨论的,对象是一种树状结构的组织。树 ...
手册中心
Mozilla网站上讲的:http://developer.mozilla.org/cn/docs/Migrate_apps_from_Internet_Explorer_to_MozillaIBM develop:http://www-128.ibm.com/developerworks/web/library/wa-ie2mozgd/1.DOM上的接口基本上还是一致的,但经测试发现mozilla下的DOM更标准些,就算些法一样,IE下会有一些微小的区别,但无关要紧2.事件模型上,这方面区别算比较大.mozilla下的e.target 相当于 ie下的event.srcElement,但细节 ...
?java中:用getBytes()方法将字符串转化为一个字节数组,这样得到的数组的长度就该字符串的字节长度了.ASCII码字符占一个字节,中文两个字节代码String s="残酷飞机大反对432423"System.out.print(s.length()); ? byte []b=s.getBytes();System.out.print(b.length);java script中:一个中文识别为2 检验值是否小于指定长度 varField--值 limit_len--长度 返回值:数字 如>=0则符合 function getLeftChars(varField,limit_len) ...