E3 tree 1.6在Firefox下显示问题的修复方法

2017年02月06日 20 阅读

tree 在Firefox下只显示一句话: 用firebug查看页面元素观察发现 两个script导入被一个<script>分隔开了,显然是document.write的问题.由于Firefox对js规范的检查比较严格,肯定一些字符输出的的时候没有转义. 查看e3 tree的源代码: /E3Tree/src/net/jcreate/e3/tree/ext/ExtTreeBuilder.java /E3Tree/src/net/jcreate/e...

DWR实现模拟Google搜索效果实现原理及代码

2017年02月06日 23 阅读

复制代码 代码如下: <！-- 模拟google搜索 --> <script type="text/javascript"> /********************************可配置选项********************************/ // 被选中的相似关键字背景颜色 var selectedBgColor = "#CCCCCC"; // 未被选中的相似关键字背景颜色 var unselectedB...

js+html+css实现鼠标移动div实例

2017年02月06日 20 阅读

js： 复制代码 代码如下: var posX; var posY; fdiv = document.getElementById（"divBody"）; document.getElementById（"divHead"）.onmousedown=function（e） { if（！e） e = window.event; //IE posX = e.clientX - parseInt（fdiv.style.left）; posY = e.client...

S2SH整合JQuery+Ajax实现登录验证功能实现代码

2017年02月06日 22 阅读

不多说了，上码 action 复制代码 代码如下: package com.lk.action; import javax.annotation.Resource; import com.googlecode.jsonplugin.annotations.JSON; import com.lk.service.StudentControl; import com.opensymphony.xwork2.ActionSupport; public class...

javascript对select标签的控制（option选项/select）

2017年02月06日 20 阅读

html中的select标签，也是asp.net中的asp:DropDownList控件。 javascript对它们的操作 一、基础理解 复制代码 代码如下: var e = document.getElementById（"selectId"）; e. options= new Option（"文本","值"） ; //创建一个option对象,即在<select>标签中创建一个或多个<option value="值">文本&l...

document.all的一个比较完整的总结及案例

2017年02月06日 21 阅读

一. document.all是页面内所有元素的一个集合。例如： document.all（0）表示页面内第一个元素 二. 复制代码 代码如下: document.all可以判断浏览器是否是IE if（document.all）{ alert（"is IE！"）; } 三. 也可以通过给某个元素设置id属性（id=aaaa）,然后用document.all.aaaa调用该元素 四. 案例： 代码1: 复制代码 代码如下: <input name=a...

js用Date对象处理时间实现思路及代码

2017年02月06日 21 阅读

先说说这次的应用场景： 从XML文件中读取数据，然后将里面的数据返回到页面中用一个第三方插件进行绘图。 在XML里读取出来的数据当然是字符串类型，而如果希望使用绘图插件X轴的time mode（这样才能更合理的定制如x轴范围、x轴数据format等）。则必须将数据转化为标准的时间对象。这个时候js里内置的Date类型就派上了用场： 复制代码 代码如下: var date = new Date（）; //id为time的input域包含了xml里提取的时间信...

表单元素的submit（）方法和onsubmit事件应用概述

2017年02月06日 17 阅读

表单元素拥有submit方法，同时也具有onsubmit事件句柄，用于监听表单提交。可以使用elemForm.submit（）;方法触发表单提交。1、表单元素中出现了name="submit"的元素这种情况下elemForm.submit（）;将不会触发表单提交，因为表单原始的submit方法将会被覆盖（formElem.submit就是对该元素的引用）。2、elemForm.submit（）;不会触发表单的onsubmit事件没有为什么，标准中就是这么规...

jquery select动态加载选择（兼容各种浏览器）

2017年02月06日 20 阅读

在ie6以上，我们可以通过 $（"#selectID"）.val（"xx"）;来个一个select控件赋值。但是在ie6下面会报错！！我们可以通过I下面方法来，使用方法：set_select_val（$（"#selectID" ）,xx）;//因为ie6不支持$（"#" + provinceDom）.attr（"value", provinceDefvalue）; 复制代码 代码如下: function set_select_val（sel, val） {...

百度地图api应用标注地理位置信息（js版）

2017年02月06日 21 阅读

有时做了一些东西没有记录，而过一段时间再看的时候，有会忘记了。需要在重新在看一遍。百度地图javascript api可以参考http://developer.baidu.com/map/reference/ 示例：http://developer.baidu.com/map/jsdemo.htm更多百度地图的介绍http://www.cnblogs.com/milkmap/tag/%E5%9C%B0%E5%9B%BEAPI/ 里面介绍的非常详细。弄了一个...

js解析与序列化json数据（一）json.stringify（）的基本用法

2017年02月06日 20 阅读

早期的JSON解析器基本上就是使用JavaScript的eval（）函数。由于JSON是JavaScript语法的自己，因此eval（）函数可以解析、解释并返回JavaScript的对象和数组。 ECMAScript 5对解析JSON的行为进行了规范，定义了全局对象JSON。 JSON对象有两个方法：stringify（）和parse（）。在最简单的情况下，这两个方法分别用于把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生Jav...

js解析与序列化json数据（二）序列化探讨

2017年02月06日 21 阅读

上一节我们讲解了JSON.stringify（）的基本用法，这一节我们来重点探讨一下序列化。 JSON.stringify（）除了要序列化的js对象外，还可以接收另外两个参数，这两个参数用于指定不同方式序列化js对象。第一个参数是过滤器，可以使一个数组，也可以是一个函数；第二个参数是一个选项，表示是否在JSON字符串中保留缩进。单独或组合使用这两个参数，可以更全面深入地控制JSON的序列化。 1、过滤结果 如果过滤器参数是数组，那么JSON.stringi...

js解析与序列化json数据（三）json的解析探讨

2017年02月06日 20 阅读

这一节我们主要讨论json的解析。 JSON.parse（）方法也可以接收另一个参数，该参数是一个函数，将早每个键值对上调用。为了区别JSON.stringify（）接收的替换（过滤）函数（replacer），这个函数被称作还原函数（reviver），但实际上这两个函数的签名是相同的——它们都接收连个参数，一个键和一个值，而且都需要返回一个值。 如果还原函数返回undefined，则表示要从结果中删除相应的键；如果返回其他值，则将该值插入到结果中。如： 复...

js自定义事件及事件交互原理概述（一）

2017年02月06日 21 阅读

在JS中事件是JS与浏览器交互的主要途径。事件是一种叫做观察者的设计模式，这是一种创建松散耦合代码的技术。对象可以发布事件，用来表示在该对象生命周期中某个有趣的时刻到了。然后其他对象可以观察该对象，等待这些有趣的时刻到来并通过运行代码来响应。 观察者模式有两类对象组成：主题和观察者。主体负责发布事件，同时观察者通过订阅这些事件来观察该主体。该模式的一个关键概念是主体并不知道观察者的任何事情，也就是说它可以独自存在并正常运作即使观察者不存在。从另一方面说，观...

js自定义事件及事件交互原理概述（二）

2017年02月06日 20 阅读

js自定义事件（一）的目的只是让大家简单的理解自定事件是如何模拟出来的，大家不难发现会有很多缺陷，比如： 1、此事件对象只能注册一个事件，不能提供多个事件 2、注册方法没有返回的一些信息 下面我们就来解决这些问题。如下为MyEvent.js源代码： 复制代码 代码如下: function MyEvent（）{ this.handlers={}; } MyEvent.prototype={ addHandler:function（type,handler） ...

JavaScript NodeTree导航栏（菜单项JSON类型/自制）

2017年02月06日 19 阅读

最近比较清闲，自己做了个JavaScript NodeTree，网上类似的东西其实挺多的，功能也比这个全，我做这个纯粹为了练练手。 图标可以自定义（16X16），菜单项完全是JSON类型定义的，方便修改。 界面： 使用方法： 1、将NodeTree-JSON.js以及CSS文件夹复制到项目中并引用。 2、引用JQuery框架。 3、修改NodeTree-JSON.js中的NodeTreeMenu菜单项，以下是简单说明。 复制代码 代码如下: var Nod...

jquery的冒泡事件的阻止与允许（三种实现方法）

2017年02月06日 21 阅读

有时我们不希望冒泡或默认的事件发生，这样就需要一些jQuery的的方法阻止冒泡和默认的事件了。可以通过以下三种方法做到不同程度的阻止。 A：return false --->In event handler ,prevents default behavior and event bubbing 。 return false 在事件的处理中，可以阻止默认事件和冒泡事件。 B：event.preventDefault（）---> In event...

js中eval（）函数和trim（）去掉字符串左右空格应用

2017年02月06日 20 阅读

对于js中eval（）函数的理解和写一个函数trim（）去掉字符串左右空格。 trim（）是参照了jquery的源码，你可以放心使用。 对于js中eval（）函数的理解是本人心得不一定正确。 复制代码 代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> &...

js解析xml字符串和xml文档实现原理及代码（针对ie与火狐）

2017年02月06日 21 阅读

分别针对ie和火狐分别作了对xml文档和xml字符串的解析，所有代码都注释掉了，想看哪部分功能，去掉注释就可以了。至于在ajax环境下解析xml，其实原理是一样的，只不过放在了ajax里，还是要对返回的xml进行解析。 复制代码 代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> ...

js触发asp.net的Button的Onclick事件应用

2017年02月06日 21 阅读

在asp.net引入事件驱动之后，在一个页面上很容易解决多个按钮触发不同事件的问题，避免了在asp中需要多个form或者通过js脚本来控制的麻烦。 asp.net带来便利的同时，也带来一个问题。在实际应用中一个页面存在多个按钮的情况并不多。用户习惯于在输入框输入内容之后，直接按回车就提交表单了。由于asp.net采用的是事件驱动模式，所以默认用户按回车并没有触发按钮的onclick事件。用户按回车也不是没有提交表单，通过httpwath可以看到，实际上页面...