-
提高Firefox的innerHTML()的性能
所属栏目：[模式] 日期：2018-09-18 热度：170
Firefox 下innerHTML在操作量大了以后性能下降很厉害,有人写了个提高innhtml性能的代替方法： function replaceHtml(el, html) { var oldEl = typeof el === string ? document.getElementById(el) : el; /*@cc_on // 原始的 innerHTML 在 IE 中的性能好一[详细]
-
一个简单的AJAX实现(HELLO AJAX)
所属栏目：[模式] 日期：2018-09-11 热度：141
客户端部分： 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-11 热度：82
很久没有写JS程序了，这两天终于有空了，把之前的一个浮动广告代码重写了一下。呵呵，还是那句话，能力有限，如有错误敬请指证和指点。演示效果 演示地址：http://www.yaohaixiao.com/ 演示的效果是弹出视频广告，不过我这个视频是一个JAVASCRIPT教程，所[详细]
-
Javascript轻松控制页面图片大小
所属栏目：[模式] 日期：2018-09-11 热度：171
今天Gonten在某CMS模板里发现一段很实用的代码，来分享一下。经常看到有些网页，因为图片太大，也没有控制图片大小，导致页面错位，或者部分图片看不到。下面的这段代码将会解决这个问题。 代码如下： script type=text/javascript function ImgSize(){ var[详细]
-
JavaScript：isPrototypeOf和hasOwnProperty
所属栏目：[模式] 日期：2018-09-11 热度：195
1、isPrototypeOf isPrototypeOf是用来判断指定对象object1是否存在于另一个对象object2的原型链中，是则返回true，否则返回false。 格式如下： object1.isPrototypeOf(object2); object1是一个对象的实例； object2是另一个将要检查其原型链的对象。 原型[详细]
-
Javascript实现网页水印(非图片水印)
所属栏目：[模式] 日期：2018-09-11 热度：110
定义 在一些B/S结构的应用系统中，有很多页面是需要有水印的。常见的就是公文系统、合同系统等。大家常常关注的是网站图片增加水印，而很少关注页面水[详细]
-
JavaScript Event学习补遗：addEventSimple
所属栏目：[模式] 日期：2018-09-11 热度：101
这里有个addEventSimple和removeEventSimple函数，有时候需要不那么显眼的事件处理程序的时候我就用这两个函数注册。 function addEventSimple(obj,evt,fn) { if (obj.addEventListener) obj.addEventListener(evt,fn,false); else if (obj.attachEvent) o[详细]
-
JavaScript Event学习第十一章：按键的检测
所属栏目：[模式] 日期：2018-09-11 热度：78
检测用户的按键是事件处理程序的一个很特别的环节。这一章我们着力解决一些非常棘手的问题，并且制定一个完备的表格。 第一个问题是对于按键事件来说根本就没有标准，按照规范说的：包含键盘等输入设备的事件模型会在以后的DOM规范中作出解释。 正如我们了[详细]
-
JavaScript Event学习第十章：一些可替换的事件对
所属栏目：[模式] 日期：2018-09-11 热度：191
为了让我们的JavaScript驱动的页面对那些不能或者不想使用鼠标的用户也能很好的使用，我们对于像mouseover和click这样的事件做一些处理，同样的，对于非鼠标事件也同样的要我们的脚本执行。 测试的局限性 这一章我们打算寻找哪些事件可以用来仿真鼠标事件。[详细]
-
JavaScript Event学习第九章：鼠标事件
所属栏目：[模式] 日期：2018-09-11 热度：118
鼠标事件是到目前为止最重要的事件。在这一章我将介绍一些鼠标事件的最常见的问题和技巧。 先看看都有哪些鼠标事件：mousedown,mouseup_and_click,dblclick,mousemove和mouseover mouseout。然后还会解释一下relatedTarget,fromElement和toElement这些事件[详细]
-
JavaScript Event学习第八章：事件的顺序
所属栏目：[模式] 日期：2018-09-11 热度：81
在第一章中我提到一个初次看起来可能不是那么好理解的是一个问题：如果一个元素和他的父元素对于同样的事件都有事件处理程序，那么哪个会首先执行呢？毫无疑问，看是什么浏览器。 基本问题很简单。假设你的一个元素包含在另外一个元素中。 ----------------[详细]
-
JavaScript 三种编解码方式的使用
所属栏目：[模式] 日期：2018-09-03 热度：98
js对文字进行编码涉及3个函数：escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent 1、 传递参数时需要使用encodeURIComponent，这样组合的url才不会被#等特殊字符截断。 例如：script language=javascriptdocu[详细]
-
Javascript中关键字this的介绍与实例
所属栏目：[模式] 日期：2018-09-02 热度：152
在javascript中关键字this是一个很难掌握的概念。它在不同的情况下指代不同的对象。下面就来看看，在 Java Script中各种this的使用方法有什么不同之处？ 1、在HTML元素事件属性中inline方式使用this关键字： div onclick=method(this)element/div 这里的th[详细]
-
JavaScript 左侧多级菜单动态的实现方法
所属栏目：[模式] 日期：2018-09-02 热度：134
关于js左侧多级菜单动态的问题，实现的效果很简单，就是点一下显示，再点一下就隐藏，只不过是多了几级的问题。好，现在来说说我的设计思路，首先从第一级别开始，添加如下代码： Copy to Clipboard 引用的内容：[www.veryhuo.com]diva onclick=news_pro('1[详细]
-
JQuery操作Javascript对象和数组的工具函数总览
所属栏目：[模式] 日期：2018-09-02 热度：93
JQuery提供了很多实用的工具函数。这些函数主要分为两类，操作集合数组的函数和非集合数组函数。 JQuery操作非集合数组函数 $.trim(value) 这个函数很简单，从value中删除任何前导或尾随的空白字符。空白字符为任何匹配 Java script正则表达式s的任何字符[详细]
-
css样式表与javascript冲突的问题
所属栏目：[模式] 日期：2018-09-02 热度：108
问题： 当css样式表设置了某个元素的背景色后,用javascript改变它的背景色会失效,请问各位高手,如何解决这种冲突呢?如果我非要用样式表. 代码如下： htmlheadtitle/titlestyle type=text/css#tb{width:666px;border-collapse:collapse;border:1px solid #E[详细]
-
javascript parseIntNumber函数的区别
所属栏目：[模式] 日期：2018-09-02 热度：133
在js中，如果你使用parseInt(08),一般都会认为会返回8，然而实际上返回了0.但是用Number(08)返回的才是8. 但是parseInt(08, 10)是可以返回8的。 为搞清楚两者的区别， 参考了别人写的parseIntNumber的区别： parseInt Parses a string argument and return[详细]
-
javascript:showModelDialog注意点
所属栏目：[模式] 日期：2018-09-02 热度：192
当在一个普通页面上通过showModelDialog打开一个新页面时，在这个新页面上用showModelDialog再打开一个页面，IE6下面会发现可以操作原先的普通页面。 操作如下： page1.show(){ page1.showModelDialog(page2.htm); } page3.show(){ page2.close(); page2.di[详细]
-
JS实现文本框只能输入数字和字母
所属栏目：[模式] 日期：2018-09-02 热度：146
以前曾经用javascript写过验证文本框只能输入小数(需要保留两位小数点)的例子，记得主要是通过判断eventkey或evencode来实现的，最经接手别人的项目要增加对文本框进行验证，只能输入数字和字母，后台和前台验证都可以，为了尽量减少代码的改动，决定用 Ja[详细]
-
JS获取url参数和script标签中获取url参数
所属栏目：[模式] 日期：2018-09-02 热度：106
url paramter： Copy to Clipboard 引用的内容：[www.veryhuo.com]//lastest: var getArgs=function() {//get url querystring var params=document.location.search,reg=/(?:^?|)(.*?)=(.*?)(?=|$)/g,temp,args={}; while((temp=reg.exec(params))!=null[详细]
-
解析 QueryString 的 JavaScript 类
所属栏目：[模式] 日期：2018-09-02 热度：169
以前写的一个解析QueryString的JS类，可以获取或设置QueryString中的值，记下了方便找 :) 使用示例： Copy to Clipboard 引用的内容：[www.veryhuo.com]var qs = new QueryString(query); qs.set(ajaxids, ids) qs.set(ajaxsn, new Date()) query = qs.toSt[详细]
-
Javascript 实现类似 C#类 的封装
所属栏目：[模式] 日期：2018-08-27 热度：182
对 Java script研究不深，虽然有许多自己的C#类库，却没有一个自己的js类库，一直都是用到了再去找去写。 以后要像封装C#类一样，把常用的js方法也封装起来。 JsClass.js文件 //定义一个类 function _HY_JsClass(){} //定义类的属性 _HY_JsClass.prototype[详细]
-
JavaScript 打造划词效果并实现搜索功能
所属栏目：[模式] 日期：2018-08-27 热度：181
烈火网(LieHuo.Net)教程 什么是划词？大家可能想到当年的划词搜索软件，哈哈！看来您是受害者，不过本文提到的划词可不是垃圾软件，是指在网页中，当用户用鼠标划出一个单词后会出现一个弹出框，通过指定的搜索引擎进行搜索。 !DOCTYPE HTML PUBLIC -//W3C[详细]
-
JavaScript传递对象参数到方法里的另一种方法
所属栏目：[模式] 日期：2018-08-27 热度：157
方法函数： function sendMessage(sMsg,oObj) { if (arguments.length == 2) { oObj.handleMsg(sMsg); oObj.test(); } else { alert(sMsg); }; } sendMessage(Hello world!); 普通的方法传递： function obj() { } obj.prototype.handleMsg = function(sMsg[详细]
-
JavaScript编写的高仿真可控弹簧振子
所属栏目：[模式] 日期：2018-08-27 热度：128
div style=position: absolute; width: 616px; height: 432px; top: 122px; left: 50px id=maindiv style=position: absolute; width: 616px; height: 407px; top: 0px; left: 3px id=podiv style=position: absolute; background-color: #ffffff; width:[详细]
