-
JS批量获取class命名节点 getElementsByClassName()
所属栏目：[模式] 日期：2018-09-17 热度：200
JS批量获取class命名节点 getElementsByClassName() getElementsByClassName() 是一个老的方法了，将其优化整理后给大家提供。 代码如下： // 批量获取class命名节点 function getElementsByClassName(className, tag, parent){ var parent = parent || doc[详细]
-
javascript判断dom是否加载完毕
所属栏目：[模式] 日期：2018-09-17 热度：155
首先要明确两个概念 1.window.onload:页面加载完毕，页面内所有组件(图片等)都可用。 2.dom 加载：指文档对象模型加载完毕，要先于window.onload事件。 可以看出，当页面包含大量组件(特别是图片)的情形下，以上两种加载的时间相隔将会很长，这时判断dom何[详细]
-
javascript 缓存提供程序
所属栏目：[模式] 日期：2018-09-17 热度：187
相信每一个开发者都知道缓存的重要性。从头至尾有缓存的后台(memcached,xcache等。) 来减轻db的压力。对内容分发网络（CDN）缓存中希望你的浏览器缓存那些不止一次的加载资源。当然, 有客户端缓存,所以你不要重复昂贵的操作(即使是算法或大量的运算)。 这[详细]
-
Prototype 实现的 AJAX Edit in Place
所属栏目：[模式] 日期：2018-09-15 热度：168
Prototype 似乎已经过气了，但用的人还是挺多，这段代码是用来实现即时文本编辑(Edit In Place)的功能。 // Requires prototype.js function edit(action, obj) { Element.hide(obj); var textarea ='div id=' + obj.id + '_editorinput type=text id=' +[详细]
-
你真的认识 window.location 吗？
所属栏目：[模式] 日期：2018-09-15 热度：134
如果你稍微懂一些 JS 代码，一般都会知道 window.location.href 这个属性。并且用该属性获取页面 URL 地址： window.location.href = window.location.href; 好吧，我告诉你，这样弱掉了。其实原生 Java Script 真是什么都有。 window.location 对象所包含[详细]
-
使用javascript将XML解析为JSON
所属栏目：[模式] 日期：2018-09-15 热度：84
今天看了David Walsh一篇把XML格式转换为JSON格式的文章，感觉不错，简单的转载了过来。 下面是神奇的XML转JSON的javascript代码： // Changes XML to JSON function xmlToJson(xml) { // Create the return object var obj = {}; if (xml.nodeType == 1)[详细]
-
JavaScript中的字符串乘法
所属栏目：[模式] 日期：2018-09-15 热度：196
In Ruby, the * operator used with a string on the left and a number on the right does string repetition. Ruby*2 evaluates to RubyRuby, for example. This is only occasionally useful (when creating lines of hyphens for ASCII tables, for ex[详细]
-
JS 实现 taskMenu 加载的时候显示指定的项
所属栏目：[模式] 日期：2018-09-15 热度：141
在用taskMenu的时候 当需要显示的项太多的时候 希望加载的时候 只显示指定的项 var taskMenu1; var taskMenu2; var item1; var item2; var item3; var item4; window.onload = function() { TaskMenu.setHeadMenuSpecial(true); /////////////////////////[详细]
-
使用jQuery中ajax方法访问web服务
所属栏目：[模式] 日期：2018-09-15 热度：73
说明： ArrayList 中 存为对象CollegeDepartInfo 其属性为：stirng CollegeDepartTitle 和 int CollegeDepartId 在javascript中 ddlDepart.options[ddlDepart.length]=new Option(n.CollegeDepartTitle,n.CollegeDepartId); Option的参数就是依据他们的。[详细]
-
JavaScript Event学习补遗：addEventSimple
所属栏目：[模式] 日期：2018-09-13 热度：185
这里有个addEventSimple和removeEventSimple函数，有时候需要不那么显眼的事件处理程序的时候我就用这两个函数注册。 function addEventSimple(obj,evt,fn) { if (obj.addEventListener) obj.addEventListener(evt,fn,false); else if (obj.attachEvent) o[详细]
-
JavaScript Event学习第十一章：按键的检测
所属栏目：[模式] 日期：2018-09-13 热度：197
检测用户的按键是事件处理程序的一个很特别的环节。这一章我们着力解决一些非常棘手的问题，并且制定一个完备的表格。 第一个问题是对于按键事件来说根本就没有标准，按照规范说的：包含键盘等输入设备的事件模型会在以后的DOM规范中作出解释。 正如我们了[详细]
-
JavaScript Event学习第十章：一些可替换的事件对
所属栏目：[模式] 日期：2018-09-13 热度：119
为了让我们的JavaScript驱动的页面对那些不能或者不想使用鼠标的用户也能很好的使用，我们对于像mouseover和click这样的事件做一些处理，同样的，对于非鼠标事件也同样的要我们的脚本执行。 测试的局限性 这一章我们打算寻找哪些事件可以用来仿真鼠标事件。[详细]
-
JavaScript Event学习第九章：鼠标事件
所属栏目：[模式] 日期：2018-09-13 热度：190
鼠标事件是到目前为止最重要的事件。在这一章我将介绍一些鼠标事件的最常见的问题和技巧。 先看看都有哪些鼠标事件：mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件[详细]
-
JavaScript Event学习第八章：事件的顺序
所属栏目：[模式] 日期：2018-09-13 热度：169
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题：如果一个元素和他的父元素对于同样的事件都有事件处理程序，那么哪个会首先执行呢？毫无疑问，看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
-
一个简单的AJAX实现(HELLO AJAX)
所属栏目：[模式] 日期：2018-09-12 热度：78
客户端部分： html head meta http-equiv=Content-Type content=text/html/ script language=javascript var ajax; function createAjax() { if(window.ActiveXObject) { try { return new ActiveXObject(Msxm12.XMLHTTP); } catch(e) { try { return new A[详细]
-
创建固定位置弹出浮动广告的实例代码
所属栏目：[模式] 日期：2018-09-12 热度：99
很久没有写JS程序了，这两天终于有空了，把之前的一个浮动广告代码重写了一下。呵呵，还是那句话，能力有限，如有错误敬请指证和指点。演示效果 演示地址：http://www.yaohaixiao.com/ 演示的效果是弹出视频广告，不过我这个视频是一个JAVASCRIPT教程，所[详细]
-
Javascript轻松控制页面图片大小
所属栏目：[模式] 日期：2018-09-12 热度：94
今天Gonten在某CMS模板里发现一段很实用的代码，来分享一下。经常看到有些网页，因为图片太大，也没有控制图片大小，导致页面错位，或者部分图片看不到。下面的这段代码将会解决这个问题。 代码如下： script type=text/javascript function ImgSize(){ var[详细]
-
JavaScript：isPrototypeOf和hasOwnProperty
所属栏目：[模式] 日期：2018-09-12 热度：94
1、isPrototypeOf isPrototypeOf是用来判断指定对象object1是否存在于另一个对象object2的原型链中，是则返回true，否则返回false。 格式如下： object1.isPrototypeOf(object2); object1是一个对象的实例； object2是另一个将要检查其原型链的对象。 原型[详细]
-
Javascript实现网页水印(非图片水印)
所属栏目：[模式] 日期：2018-09-12 热度：148
定义 在一些B/S结构的应用系统中，有很多页面是需要有水印的。常见的就是公文系统、合同系统等。大家常常关注的是网站图片增加水印，而很少关注页面水[详细]
-
译文：JavaScript框架比较–实用函数（四）
所属栏目：[模式] 日期：2018-09-10 热度：144
实用函数 许多 Java Script框架都带有大量的实用函数，这些函数使得应用JavaScript开发应用程序更加容易。这篇文章有太多内容需要补充，所以我将讨论大多数框架中更为引人注目的函数中的一个。 如果你曾经使用过JavaScript数组，你可能对使用循环来迭代数组[详细]
-
onresize IE中多次执行问题
所属栏目：[模式] 日期：2018-09-10 热度：166
页面上给window对象定义其onresize事件，在拉伸缩小窗口时，其onresize方法将被执行多次，影响页面性能。 网上查了些资料，说是在ie和opera中，只要窗口的边框移动一个像素，resize事件就触发；而在mozilla中，只在停止对窗口的大小改变时才触发resize 事件[详细]
-
译文：JavaScript框架比较（三）
所属栏目：[模式] 日期：2018-09-10 热度：196
DOM操作 在此之前，你已经看到 Java Script框架使用选择器和DOM遍历可以很容易的获得特定的元素。但是，为了改变网页上特定元素的内容和外观，你需要操作DOM并应用改变。使用纯粹的JavaScript将是一件繁重的工作，但幸运的是，大多数JavaScript框架提供有用[详细]
-
译文：JavaScript框架比较（二）
所属栏目：[模式] 日期：2018-09-10 热度：84
DOM遍历 基于ID、元素类型、类名查找元素非常有用，但是如果你想基于它在DOM树中的位置来查找元素该怎么办？换句话说，你有一个给定的元素，你想查找它的父元素、子元素中的一个、它的上一个或下一个节点兄弟节点。例如，采用下面这段零碎的HTML代码： 清单[详细]
-
译文：JavaScript框架比较（一）
所属栏目：[模式] 日期：2018-09-10 热度：55
摘要：现代网站和web应用程序趋向于依赖客户端的大量的javascript来提供丰富的交互。特别是通过不刷新页面的异步请求来返回数据或从服务器端的脚本（或数据系统）中得到响应。在这篇文章中，你将会了解到javascript框架如何更快、更方便的创建互动性强、相[详细]
-
JavaScript入门教程：一百多个基础知识
所属栏目：[模式] 日期：2018-09-10 热度：101
1.document.write(); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document-html-(head,body) 4.一个浏览器窗口中的DOM顺序是:window-(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById(表单中元素[详细]
