JavaScript转换农历类实现及调用方法

2016年07月27日 6 阅读

复制代码 代码如下: var LunarDate = { madd: new Array（0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334）, HsString: "甲乙丙丁戊己庚辛壬癸", EbString: "子丑寅卯辰巳午未申酉戌亥", NumString: "一二三四五六七八九十", MonString: "正二三四五六七八九十冬腊", CalendarData: new Array（0xA...

一个页面元素appendchild追加到另一个页面元素的问题

2016年07月27日 6 阅读

一般都是自己创建元素然后append到页面的但是如果是页面本身有的元素append到另一个页面元素呢？貌似是：元素的确成为了另一个元素的子元素而元素本身没有了。也就是说，消失了。而不是复制这一点，的确是这样的，但我觉的这个机制很奇怪就不能是复制么，即1成为了2的子元素，然后1仍然在那里。不是说需求一般是这样。恰恰相反，需求的确一般都是要删除原来的，比如这个案例但是从逻辑上想想都是：先是append了，然后我们自己去删除掉原来的1元素现在倒好，append还...

JavaScript起点（严格模式深度了解）

2016年07月27日 6 阅读

严格模式（Strict Mode）是ECMAScript5新增的功能。ECMAScript5虽然可以向后兼容ECMAScript3，但如果使用严格模式，哪些ECMAScript5“不在建议使用”的ECMAScript3语法功能将会被全部进制，如果出现就会抛出一行。引入Strict Mode目的是允许开发人员能够选择“更好”的Javascript版本，这个版本能用不同的方式处理那些普遍而又臭名昭著的错误。目前所有的主流浏览器的最新版本——包括IE10与Ope...

js的压缩及jquery压缩探讨（提高页面加载性能/保护劳动成果）

2016年07月27日 6 阅读

问题缘由：负责公司的开发平台研发工作，考虑的知识产权的保护工作，必须要考虑java的加密技术和js脚本的加密技术。在目前java加密很容易破解的情况下，还是先搞定js的加密和压缩，一方面可以提高页面加载性能，另外一方面也希望辛苦研发出来的成果得到一定的保护。 研究过程： 1、先强烈鄙视一下哪些随便转载文章的家伙，给我制造了很大的麻烦！！网上很多帖子都不靠谱。。 2、首先想了解jquery使用什么压缩的， 网上找了半天，说法不一样，后来还是在jquery官网...

利用Javascript判断操作系统的类型实现不同操作系统下的兼容性

2016年07月27日 7 阅读

在通过Javascript实现客户端和服务端的交互时，有时候需要对操作系统进行判断，以便实现不同操作系统下的兼容性，比如：我们有一个网站， 在Windows XP下浏览效果良好，但是到了Ubuntu下，由于许多特性不同，会造成在浏览上的细微差异，甚至会影响到良好的用户体验。这个时候我们就需要利用 Javascript对操作系统的类型以及某些特性进行判断，分而治之，从而实现网站在跨平台浏览时候保持良好的用户体验。 下边的代码实现对Windows、Mac、Li...

编写针对IE的JS代码两种编写方法

2016年07月27日 5 阅读

有些时候我们需要针对某些IE下的兼容性写单独的JS处理代码。有多种做法： 1.通过检测navigation.userAgent来判断是否是IE，再编写IE分支的处理代码： 2.通过声明@cc_on 语句可以在脚本的注释内启用条件编译功能，这样对于非IE浏览器就会将识别为注释而忽略（实测，这种方式在IE6-9将适用！）： 复制代码 代码如下: /*@cc_on @if （@_jscript） alert（"hello world"）; @end @*/ ...

js判断样式className同时增加class或删除class

2016年07月27日 5 阅读

复制代码 代码如下: function MyClass （） {} MyClass.hasClassName = function（element, className） { if （！element） return; var elementClassName = element.className; if （elementClassName.length == 0） return false; //用正则表达式判断多个class之间是否存在真正的clas...

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

2016年07月27日 7 阅读

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搜索效果实现原理及代码

2016年07月27日 5 阅读

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

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

2016年07月27日 5 阅读

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实现登录验证功能实现代码

2016年07月27日 6 阅读

不多说了，上码 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）

2016年07月27日 6 阅读

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

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

2016年07月27日 5 阅读

一. 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对象处理时间实现思路及代码

2016年07月27日 5 阅读

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

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

2016年07月27日 5 阅读

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

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

2016年07月27日 7 阅读

在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版）

2016年07月27日 7 阅读

有时做了一些东西没有记录，而过一段时间再看的时候，有会忘记了。需要在重新在看一遍。百度地图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（）的基本用法

2016年07月27日 7 阅读

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

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

2016年07月27日 5 阅读

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

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

2016年07月27日 7 阅读

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