理运用命名空间让js不产生冲突避免全局变量的泛滥

2017年02月06日 12 阅读

为了避免变量之间的覆盖与冲突，可以生成命名空间，命名空间是一种特殊的前缀，在js中，通过{ }对象实现。 在不同的匿名函数中，根据功能声明一个不同的命名空间，每个匿名函数中GLOBAL对象的属性都不直接挂在GLOBAL上，而是挂在次匿名函数的命名空间下，如： 复制代码 代码如下: <script type="text/javascript"> var GLOBAL={} </script> <script type="text...

extjs每个组件要设置唯一的ID否则会出错

2017年02月06日 13 阅读

extjs每个组件要设置唯一的ID，否则会造成各种错误 EXTJS基本上是靠ID来识别组件的，假如你在panel1中有个ID:"keyword"的textfield，而panel2中有个ID相同的textfield ，那么，当你关闭panel2，由于extjs发现panel2中的ID:"keyword"组件在panel1中仍然使用中，是不会销毁掉它的，于是它成为一个孤立的对象，从而造成混乱。 无论如何，你得时刻记着，任何时候，必须确保对象ID是唯一的。这有...

javascript 寻找错误方法整理

2017年02月06日 12 阅读

这篇博客必须写了，它浪费我了一个上午的时间。为了以后能快速寻找到这方面的错误，节约更多的时间。 情况是这样的：我写了一个后台管理系统是引用Marix Admin的，因为这个系统包含了很多很多框架，如jquery，bootstrap，还有它自身的框架系统marix，一大堆的js和css文件。你想引入外面的框架时，就会和原来的库文件产生冲突，还有就是书写的格式问题。 针对上面两大问题，解决方案如下： 首先查看网站效果，如果html没有显示出来，可能是html格...

给应用部分的js代码设定一个统一的入口

2017年02月06日 13 阅读

javascript是种脚本语言，浏览器下载到哪儿就会执行到哪儿，这种特性会为编程提供方便，但也容易使程序过于凌乱，支离破碎。 js从功能上可以分为两大部分——框架部分和应用部分，框架部分提供的是对js代码的组织作用，包括定义全局变量、命名空间方法等，每个页面都会有相同或类似的框架。应用部分提供的是页面功能逻辑，不同页面会有不同的功能，不同页面应用部分的代码也不尽相同。 给应用部分的js代码一个统一的入口，即： 复制代码 代码如下: <script ...

js判断浏览器类型为ie6时不执行

2017年02月06日 13 阅读

js判断浏览器类型$.browser 对象$.browser.version 浏览器版本 复制代码 代码如下: var binfo = ""; if （$.browser.msie） { binfo = "Microsoft Internet Explorer " + $.browser.version; } else if （$.browser.mozilla） { binfo = "Mozilla Firefox " + $.browser.versi...

js中通过父级进行查找定位元素

2017年02月06日 12 阅读

复制代码 代码如下: <ul id=“newslist”> <li> <span class="fr w160 tl">2013-06-24</span> <span class="news_list_icon fl mr8 icon" ></span> <span class="fl"><a href="{href}" onmouseover="javascript...

QQ空间顶部折页撕开效果示例代码

2017年02月06日 12 阅读

效果： HTML： 复制代码 代码如下: <div id="pageflip"> <a target="_blank" href="http://www.sparkdesign.cn/"><img width="307" height="319" src="js/page_flip.png" style="overflow: hidden; width: 50px; display: block; height: 52px;"...

jQuery实现的原图对比窗帘效果

2017年02月06日 12 阅读

效果： HTML代码： 复制代码 代码如下: <div class="vfx-image-wrap special"> <div class="before-image" style="width: 50%; transition: all 0.3s ease 0s;"> <img alt="" src="js/VFX-before.jpg"> </div> <div class="after-imag...

jquery实现通用版鼠标经过淡入淡出效果

2017年02月06日 12 阅读

复制代码 代码如下: <a class="jq_btn" href="#"><div></div></a> //鼠标移上去效果 $（".jq_btn"）.hover（function（）{ $（this）.find（"div"）.stop（）.fadeIn（）; },function（）{ $（this）.find（"div"）.stop（）.fadeOut（）; }）; 原理很简单 a标签背景设置正常状态...

Extjs Label的 fieldLabel和html属性值对齐的方法

2017年02月06日 12 阅读

设置：style:"position:relative;top:2px 复制代码 代码如下: var factorName = new Ext.form.Label（{ id : "factorName", fieldLabel : "要素名称", style:"position:relative;top:2px;", text : simpleGrid.getItems（"factorName"）, anchor : "100%" }）; ...

js中的如何定位固定层的位置

2017年02月06日 14 阅读

需要获取一些HTML的对象的坐标来更灵活的设置目标层的坐标，这里可以通过用到document.body.scrollTop等属性，但是这些属性在xhtml的标准网页中或更简单的说就是带<！DOCTYPE...>的标签中得到的值是0；如果不要此标签则一切正常，那么在xhtml中如何获取body的坐标呢？当然有办法了，我们使用document.documentElement来取代document.body例如可以这样写： 复制代码 代码如下: va...

鼠标移到图片上变大显示而不是放大镜效果

2017年02月06日 12 阅读

ToopTip.js: 复制代码 代码如下: function getViewportHeight（） { if （window.innerHeight！=window.undefined） return window.innerHeight; if （document.compatMode=="CSS1Compat"） return document.documentElement.clientHeight; if （document.body） ret...

jQuery中的height innerHeight outerHeight区别示例介绍

2017年02月06日 12 阅读

标准浏览器下： height:高度 innerHeight:高度＋补白 outerHeight:高度＋补白＋边框，参数为true时：高度＋补白＋边框＋边距 html代码： 复制代码 代码如下: <div class="width: 150px;height:20px;float: left;border: 2px solid red;margin: 10px;margin: 10px;padding: 10px;" id="test">jjjj...

JS实现简单的顶部定时关闭层效果

2017年02月06日 12 阅读

复制代码 代码如下: <script type="text/javascript"> var time = 300; var h = 0; function addCount（） { if（time>0） { time--; h = h+5; } else { return; } if（h>300） //高度 { return; } document.getElementById（"ads"）.style.display = "";...

js限制文本框只能输入数字方法小结

2017年02月06日 14 阅读

有时需要限制文本框输入内容的类型，本节分享下正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等代码。例如，输入大于0的正整数复制代码 代码如下:<input onkeyup="if（this.value.length==1）{this.value=this.value.replace（/[^1-9]/g,""）}else{this.value=this.value.replace（/D/g,""）}" onafterpaste="if（thi...

jQuery切换网页皮肤并保存到Cookie示例代码

2017年02月06日 12 阅读

以下是源代码： 复制代码 代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>jquery...

使用JavaScript实现网页版Pongo设计思路及源代码分享

2017年02月06日 13 阅读

1.游戏背景介绍（写在前面的废话）： 五月初的某天，看到某网推荐了这款游戏，Pongo，看着还不错的样子就用ipad下下来试玩了下，玩了两局感觉还错挺过瘾的，因为是手欠类游戏嘛大家懂的。 但是没一会发现游戏在ipad似乎有些bug，玩一会就会卡住然后只能强退了，真是揪心，记录还等着破呢。 怎么办？玩游戏不如玩自己的游戏的念头又邪恶的出现了，然后就把pad丢给了朋友虐心去，我默默回到电脑前开始动手自己写个不会卡的。 大概两小时吧，写出了基本框架，然后扔sin...

javascript进行数组追加方法小结

2017年02月06日 12 阅读

javascript中给数组加元素是一个非常简单的问题,javascript本身就提供了大量这类函数，我们可以使用js自带函数快速给数组增加元素了，本文就javascript进行数组追加的方法做出如下小结。以前常用的是arr.concat（arr2）这种方法来追加数组，例子如下：复制代码 代码如下:<script type="text/javascript">var arr = new Array（3）;arr[0] = "测试数组1为 1";...

Javascript判断图片尺寸大小实例分析

2017年02月06日 12 阅读

通常我们判断js图片大小都是利用images对象，然后再用attr来获取图片地址再进行判断就可以了，下面来看一些例子。最简单办法：复制代码 代码如下:var img=new Image（）; img.src=$（"#tlogo"）.attr（"src"）; if（img.width > "240"）{ $（"#tlogo"）.attr（"width","240"）;}上面例子碰到如果页面没有加载完的时候，这时js就获取不了图片大小了，对此我们可以先判...

jquery的ajax异步请求接收返回json数据实例

2017年02月06日 12 阅读

jquery的ajax异步请求接收返回json数据方法设置简单，一个是服务器处理程序是返回json数据，另一种就是ajax发送设置的datatype设置为jsonp格式数据或json格式都可以。代码示例如下：复制代码 代码如下:$（"#send"）.click（function （） { $.ajax（{ type : "GET", url : "a.php", dataType : "jsonp", success : function （data） {...