JavaScript
文章平均质量分 78
junJZ_2008
这个作者很懒,什么都没留下…
展开
-
HTML、JS、JSON特殊字符
JS到HTML特殊字符转换这几天做项目,发现从服务器端以JSON格式将数据传递到客户端后,通过JS显示在HTML页面时,有一些特殊字符不能直接显示,如后台传递过来的是 '<b>msg</b>&nbsp;&#35;' 通过JS显示在HTML页面中时,显示成了 msg # ,并不是<b>msg</b>&nbsp;&#3...原创 2010-12-13 23:47:28 · 277 阅读 · 0 评论 -
10、JavaScript跨浏览器需注意的问题——ajax基础笔记
向表中追加行创建表格行时,我们要把创建的 tr 追加到 tbody 元素节点中,而不能直接把它追加到 table 元素节点中,因为IE 上直接追加到 table 时不能显示出来,但所有的现在的浏览都支持把 tr 追加到 tbody中,正确的做法如下:先定义如下一个空表<table id="myTable"> <tbody id="myTableBody"> ...2009-10-21 22:19:20 · 79 阅读 · 0 评论 -
JsUnit详解——Web服务方式(三)
上两节提到过以Web方式来运行JsUnit,不过不是很详细,这节我们专来看看Web服务方式下的JsUnit。 因为JsUnit里集成了Jetty,通过命令行使用Ant就可以启动JsUnit服务了,所以我们先应该配置好Ant。 首先下载 Ant ,登录 http://ant.apache.org/ 即可找到下载连接。 下载后会得到 apache-ant-1.7.1-bin...2009-10-21 00:21:59 · 155 阅读 · 0 评论 -
JsUnit详解——《ajax基础》笔记(二)
使用标准/定制查询串如此说来,测试运行工具是很强大的,但是每天都得打开这个测试运行工具,并浏览你的测试页或测试集,这可能非常烦人。好在可以使用一些查询串来预置要运行的文件,让测试运行工具自动地运行测试,甚至可以向测试传递参数 !测试运行工具支持testPage 查询串 。在浏览器地址栏中键入以下地址(当然,根据具体环境可能要做相应调整),就会在浏览器中启动测试运行工具,并且预置了给定的测试:...2009-10-20 22:38:28 · 187 阅读 · 0 评论 -
JsUnit详解——《ajax基础》笔记(一)
JsUnit与JUnit对比JsUnit也有setUp()与tearDown(),不过现在作为函数,而不是方法;测试函数(而不是测试方法)分成多个测试页(而不是测试类);另外JsUnit提供了自己的基于HTML的测试运行工具。 JUnitJsUnitTest类扩展TestCase测试页包含jsU...2009-10-20 19:57:58 · 168 阅读 · 0 评论 -
使用Firefox的Web开发插件
Firefox的Web开发插件为Firefox浏览器增加了大量有用的Web开发工具,一旦安装了这个插件,你就可以通过一个工具条来访问。目前能够运行Firefox的所有平台上都能使用这个插件包。下载地址:http://chrispederick.com/work/web-developer/...2009-10-18 17:53:28 · 71 阅读 · 0 评论 -
9、访问WEB服务(REST)——ajax基础笔记
最其名的WEB服务实现是SOAP(简单对象访问协议)。SOAP是由W3C管理的规约,它是XML协议,对于如何调用远程过程给出了定义。WSDL(Web服务描述语言)文档也是XML文档,描述了如何创建Web服务的客户。通过提供WSDL文档,Web服务提供者就能很轻松地为可能的客户创建客户端代码。WSDL和SOAP通过一同使用,不过不一定非得这亲,因为这两个规约是分维护的。尽管人们在简化SOAP...2009-10-18 17:24:28 · 130 阅读 · 0 评论 -
8、读取响应头部——ajax基础笔记
你有时可能需要从服务器获取一些内容,例如,可能想“ping”一下服务器,验证服务器是否正常运行。此时,你也许只想读取服务器发出的响应首部,而忽略内容。通过读取响应首部,可以得出Content-Type(内容类型)、Content-Length(内容长度),甚至 Last-Modified(最后一次修改)的日期。如果只关注响应首部,完成这样一个请求的标准做法是使用HEAD请求,而不是前面讨论的G...2009-10-18 17:20:33 · 117 阅读 · 0 评论 -
7、使用JSON向服务器发送数据——ajax基础笔记
看过前面的例子后(使用XML向服务器发送复杂的数据结构),你可能会改变注意。通过串连接来创建XML串并不能,这也不是用来生成或修改XML数据结构的健壮的技术。使用JSON向服务器发送数据该示例了如果使用JSON将JavaScript对象转换为串格式,并使用Ajax技术将这个串发送到服务器,然后服务根据这个串创建一个对象。jsonExample.html清单:<!DOCTYPE...2009-10-18 17:20:16 · 102 阅读 · 0 评论 -
6、请求参数作为XML发送——ajax基础笔记
如果只是使用一个包含 名/值 对的简单查询串,这可能不够健壮,不足以向服务器传递大量复杂的模型变化。更好的解决方案是将模式的变化作为XML发送到服务器。请求参数作为XML发送示例:选择框中的选中的项将作为XML发送到服务器postingXML.html清单:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ...2009-10-18 17:20:00 · 172 阅读 · 0 评论 -
4、将使用W3C DOM动态生成页面——ajax基础笔记
使用W3C DOM动态生成页面dynamicContent.xml清单:<?xml version="1.0" encoding="UTF-8"?><properties> <property> <address>812 Gwyn Ave</address> <2009-10-18 17:19:23 · 86 阅读 · 0 评论 -
3、将响应解析为XML——ajax基础笔记
将响应解析为XMLparseXML.xml清单:<?xml version="1.0" encoding="UTF-8"?><states> <north> <state>Minnesota</state> <state>Iowa<2009-10-18 17:18:09 · 94 阅读 · 0 评论 -
2、使用innerHTML属性创建动态内容——ajax基础笔记
使用innerHTML属性创建动态内容如果结合作用HTML元素的innerHTML属性,responseText属性会变得非常有用。innerHTML.html清单:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.d...2009-10-18 17:17:55 · 174 阅读 · 0 评论 -
1、使用XMLHttpRequest对象——ajax基础笔记
XMLHttpRequest最早是在 IE5 中以activeX组件形式实现。XMLHttpRequest并不是一个W3C标准。IE所XMLHttpRequest实现为一个ActiveX对象,其他浏览器把它实现为一个本地JavaScript对象。创建XMLHttpRequest对象var xmlHttp;function createXMLHttpRequest() { if ...2009-10-18 17:17:33 · 71 阅读 · 0 评论 -
30、JavaScript代码优化
JavaScript代码的速度被分成两部分:下载时间和执行速度。下载时间 Web浏览器下载的是js源码,因此所有长变量名和注释都回包含在内。这个因素会增加下载时间。1160是一个TCP-IP包中的字节数。最好能将每个javascript文件都保持在1160字节以下以获得最优的下载时间。 由于这个原因,要删除注释、删除制表符和空格、删除所有的换行、将长变量名缩短。 遵循这4条比较困难。...原创 2009-10-16 21:25:47 · 106 阅读 · 0 评论 -
JavaScript代码优化(二)
◆字符串的使用在IE6和IE7中因字符串级联导致的主要问题是垃圾回收性能,虽然这些问题在IE8中已经得到解决,但如果你的用户大部分仍然在使用IE或IE7,你就得格外注意这个问题了。看一个例子先:var veryLongMessage = "This is a long string that due to our strict line length limit of" + maxCh...原创 2009-10-16 01:32:06 · 103 阅读 · 0 评论 -
JavaScript代码优化(一)
尽可能避免使用全局变量和函数.全局的变量和函数其实等价于 window 对象的属性/方法, 访问速度自然会慢.var myvar = 0; // 336mswindow.myvar = 0; // 2383msvar myfunc = function(){} // 3515mswindow.myfunc = function(){} // 10151ms尽量避免用 new 操作符创建...原创 2009-10-15 23:47:28 · 107 阅读 · 0 评论 -
JsUnit——eclipse插件(四)
这节我们来看看如何通过JsUnit插件来运行前几节所测试过的测试页。 首先我们下载 JsUnit插件,请到 http://sourceforge.net/projects/jsunit/files/# 下载,会得到eclipse_plugin1.0alpha3.zip类似的包。 这里我们使用插件的 link 安装方式来安装这个插件。把它解压到 %ECLIPSE_HOME%/mypl...2009-10-25 06:59:02 · 122 阅读 · 0 评论 -
部分解决JsUnit无法在firefox3、safari 测试的问题
在上一篇中出现了一个问题,就是用 jsunit2.2alpha11.zip 包进行测试时,在firefox、safari 上不能进行测试,无法访问本地系统文件,经过在网上查找,发现了解决问题的办法,解决的原文如下: 2009年9月23日 Using jsUnit in FireFox 3Tried having a ba...2009-10-25 07:03:08 · 94 阅读 · 0 评论 -
JSON — Java与JSON数据互转
转换时Bean所要求的: 被转换的Bean必需是public的。 Bean被转换的属性一定要有对应的get方法,且一定要是public的。 Bean中不能用引用自身的this的属性,否则运行时出现et.sf.json.JSONException: There is a cycle in the hierarchy!异常 json-lib包转换时,不能以null为键名,否则...2009-09-07 00:58:29 · 188 阅读 · 0 评论 -
JSON — JSON入门与实战详解 —— JavaScript、Java与JSON互转
JSON入门什么是JSON JSON(JavaScript Object Notation http://www.json .org/json -zh.html ),是一种轻量级的基于文本且独立于语言的数据交换格式,比XML更轻巧,它是XML数据交换的一个替代方案。它源于ECMAScript程序语言标准-第3版(ECMA-262 3rd Edition...2009-09-06 08:43:24 · 246 阅读 · 0 评论 -
JSON —— org.json包使用测试
package org.json;import junit.framework.TestCase;public class Test extends TestCase { /*{ "JSONArray": [], "JSONObject": {}, "String": "98.6", "\\u2028": "\u2028", "\\u22009-09-06 08:42:00 · 83 阅读 · 0 评论 -
JSON — JavaScript中的JSON
作者:Douglas Crockford原文网址:http://www.json.org/js.html译者:可爱的猴子JavaScript 这种编程语言首要的目的是为Netscape Navigator提供一种页面脚本语言。它仍被普遍的认为是Java的一个子集,但事实并非如此。 它是一种语法类似c语言 并且支持面向对象 的Scheme -like语言。JavaScript使用了E...2009-09-04 04:45:46 · 76 阅读 · 0 评论 -
4、引用类型(本地对象)
创建对象 象是由 new 运算符加上要实例化的对象的名字创建的:var o = new Object(); 如果没有参数,括号可以省略: var o = new Object; 也可用下面方式创建一个对象 : var o = {}; 由下面代码可知,上述创建出的都是objet对象:var o1 = {}; var o2 = new Object(); al...2009-09-01 05:58:53 · 69 阅读 · 0 评论 -
3、类型转换
转换成字符串 toString() ECMAScript 的 Boolean 值、数字和字符串的原始值都是伪对象 ,这意味着它们实际上可以具有属性和方法 (请参考《JavaScript浮点数运算 —— 精度问题 》一节数字伪对象应用)。3 种主要的原始类型 Boolean 值、数字和字符串都有 toString() 方法。 var bool = true; var num =...2009-08-31 23:55:29 · 81 阅读 · 0 评论 -
JavaScript浮点数运算 —— 精度问题
JavaScript小数在做四则运算时,精度会丢失,这会在项目中引起诸多不便,先请看下面脚本:<script type="text/javascript" language="javascript"> alert(1/3);//弹出: 0.3333333333333333 alert(0.09999999 + 0.00000001);//弹出: 0.099999999...原创 2009-08-31 05:42:41 · 134 阅读 · 0 评论 -
2、原始类型
ECMAScript 值变量可以存在两种类型的值,即原始值和引用值。原始值 存储在栈(stack)中的简单数据段,也就是说,它们的值直接存储在变量访问的位置。 引用值 存储在堆(heap)中的对象,也就是说,存储在变量处的值是一个指针(point),指向存储对象的内存处。 在许多语言中,字符串都被看作引用类型,而非原始类型,因为字符串的长度是可变的。但...2009-08-31 04:36:18 · 99 阅读 · 0 评论 -
1、变量定义、作用域
前言 JavaScript也许对我们搞WEB企业开发人员来说是很熟悉了,但又有几个人真真的学习过他、了解过它呢,可能因为以下种种原因吧,一是可能是太简单了,平时只用它来写点表单的验证,充其量用它来操纵BOM(BOM是什么,请看《JavaScript实现》 )而已;二是可能是我们用得不是很深(一点表单校验吧),也可能是没有太多的时间再去学它(比如我?或许是借口吧?),也...2009-08-26 00:33:45 · 146 阅读 · 0 评论 -
JavaScript的组成与实现
JavaScript 的核心ECMAScript 描述了该语言的语法和基本对象;DOM 描述了处理网页内容的方法和接口;BOM 描述了与浏览器进行交互的方法和接口。 ECMAScript、DOM 和 BOM尽管 ECMAScript 是一个重要的标准,但它并不是 JavaScript 唯一的部分,当然,也不是唯一被标准化的部分。实际上,一个完整的 Ja...2009-08-23 12:32:30 · 170 阅读 · 0 评论 -
JavaScript 的历史
Nombas 和 ScriptEase大概在 1992 年,一家称作 Nombas 的公司开发了一种叫做 C 减减(C-minus-minus,简称 Cmm)的嵌入式脚本语言。Cmm 背后的理念很简单:一个足够强大可以替代宏操作(macro)的脚本语言,同时保持与 C (和 C ++)足够的相似性,以便开发人员能很快学会。这个脚本语言捆绑在一个叫做 CEnvi 的共享软件中,它首次向开发人...2009-08-23 11:27:54 · 188 阅读 · 0 评论 -
18、javascript正则表达式详解(一)
创建正则式//1、创建RegExp对象 var regExp = new RegExp('cat','img'); //2、字面量方式 regExp = /cat/img; 正则表达式特殊字符在正则表达式中,许多标点符号都有特殊的含义,它们是:! $ ^ & * ( ) + { } | : ? - = [ ] . / \ /* 正则表达式中的...2009-08-22 04:57:32 · 98 阅读 · 0 评论 -
HTML可输可选下拉框实现的JavaScript脚本
在写页面时,我们有时会有这样的需求,要下拉框可选可输入,该脚本就是可输可选控件.该脚本是根据网上某大侠源脚本改编而成,现记录在此,以备后用. 源码引自:http://blog.csdn.net/cxzhq2002 新增功能:支持模糊定位、支持上下箭选择、支持注释层功能、支持按回车键从下拉框中选择选项 效果图如下所示: ...2009-08-22 03:28:58 · 150 阅读 · 0 评论 -
常用表单验证脚本函数
以前项目中常用的校验函数,贴于此,供以后备用. /*------------------------------------------|| Common Functions ||-------------------------------------------|| @Author: jiang zhengjun ...2009-08-22 01:39:33 · 111 阅读 · 0 评论 -
HTML — HTTP URL 中的特殊字符
1. + URL中的+号表示空格 %2B 2. 空格 URL中的空格,也可以用直接用+号表示 %20 3. / 分隔目录和子目录 %2F 4. ? URL...2009-10-31 18:16:08 · 199 阅读 · 0 评论 -
HTML — CSS选择器
一个样式规则由两部分组成:选择器和样式声明。选择器表明要为哪一个元素设置样式,样式声明则表明要应用哪些样式属性。如,我们想尽上文档中的一级标题 H1 以红色显示,就可以这样定义CSS规则:h1 { color: red } 这样只要加载了该样式文档中所有<H1>标签都将应用这个样式。<html> <head> <title>&l...2009-10-25 21:11:57 · 97 阅读 · 0 评论 -
悟透JavaScript
一篇很不错的关于JavaScript原型设计的文章,融入了作者自己思想的元素,做个标记与大家分享。《悟透JavaScript 》原创 2009-10-13 21:58:58 · 70 阅读 · 0 评论 -
Javascript数组类型检测:编写更强壮的isArray函数
在日常开发中,我们经常需要判断某个对象是否是数组类型的,在js中检测对象类型的常见的方法有几种: 1、typeof操作符。对于Function、String、Number、Undefined这几种类型的对象来说,不会有什么问题,但是针对Array的对象就没什么用途了: alert(typeof null); // "object"alert(typeof []); // "obje...原创 2009-10-12 23:37:00 · 58 阅读 · 0 评论 -
15、DOM&HTML DOM(一)
DOM接口(API) 核心接口DOM是语言无关的API,这意味着它的实现并不与Java、JavaScript或者其他语言绑定。DOM定义了Node的接口以及组成DOM树(也称之为文档)各元素的Node子接口,组成树的各元素都是Node节点。下面这些都是Node的子接口(即各节点类型),它们是组成DOM树的核心接口 :Document ——最顶层的节点,所有的其他节点...2009-09-23 01:57:41 · 80 阅读 · 0 评论 -
14、BOM
BOM (浏览器对象模型),它提供了独立于内容而与浏览器窗口进行交互的对象。 BOM 由一系列相关的对象构成。下图展示了 基本的 BOM 体系结构: 可以看到, window 对象是整个 BOM 的核心。 window 对象 window 对象表示整个浏览器窗口,但不必表示其中包含的内容。 如果页面使用框架集合,每个框架都有它自己的 win...2009-09-22 06:12:40 · 88 阅读 · 0 评论 -
13、JavaScript继承实现(二) —— zInherit、xbObjects
zInherit利用zInherit库(可以从http://www.nczonline.net/downloads 处下载),不必使用原型链,也可实现方法继承。 Inherit库给Object类添加了两个方法,inheritFrom()和instanceOf()。inheritFrom()方法负担重任,负责复制指定类的所有方法。下面一行代码用原型链使ClassB继承ClassA的方...2009-09-19 22:50:16 · 156 阅读 · 1 评论