js编写trim（）函数及正则表达式的运用

2016年07月27日 8 阅读

1.js中本身是没有trim函数的，不过你可以自己写一个 复制代码 代码如下: function trim（str） { var newStr = str.replace（/^s*$/g,""） retrun newStr; } 2.去除字符串左右两端的空格，在vbscript里面可以轻松地使用 trim、ltrim 或 rtrim，但在js中却没有这3个内置方法，需要手工编写。下面的实现方法是用到了正则表达式，效率不错，并把这三个方法加入String对...

通过javascript把图片转化为字符画

2016年07月27日 5 阅读

通过javascript把图片转化为字符画1.获取上传图片对象数据Javascript无法直接获取本地上传的图片的数据，html5可以解决这一问题 。html5里面的FileReader interface可以把图片对象的数据读到内存，然后通过接口的进度事件（Progress Events）访问这些数据。浏览器支持：1、Internet Explorer: 10+2、Firefox: 10+3、Chrome: 13+4、Opera: 12+5、Safari...

JS 获取滚动条高度示例代码

2016年07月27日 7 阅读

复制代码 代码如下: function getScrollTop（）{ var scrollTop=0; if（document.documentElement&&document.documentElement.scrollTop）{ scrollTop=document.documentElement.scrollTop; }else if（document.body）{ scrollTop=document.body.scrollTop; } ret...

JS+CSS设置img在DIV中只显示Img垂直居中的部分

2016年07月27日 8 阅读

一个Div中显示Img，img的宽和Div相同，但高不固定，要求只显示Img垂直居中的部分。 示例： 原图： 代码实现： 复制代码 代码如下: <div style="width: 190px; height: 100px; overflow: hidden;"> <img src="http://beijing.timeoutcn.com/UserFiles/Images/2013-10-21/20131021104840077cove...

jQuery设置div一直在页面顶部显示的方法

2016年07月27日 5 阅读

jQuery部分 复制代码 代码如下: <script src="JS/jquery-1.8.3.js" type="text/javascript"></script> <script type="text/javascript"> $（function （） { var elm = $（"#pordAttr"）; var startPos = $（elm）.offset（）.top; $.event.add（wind...

sencha touch 模仿tabpanel导航栏TabBar的实例代码

2016年07月27日 8 阅读

基于sencha touch 2.2所写代码：复制代码 代码如下:/**模仿tabpanel导航栏*/Ext.define（"ux.TabBar", { alternateClassName: "tabBar", extend: "Ext.Toolbar", xtype: "tabBar", config: { docked: "bottom", cls: "navToolbar", layout: { align: "stretch" }, defaul...

javascript中的变量作用域以及变量提升详细介绍

2016年07月27日 5 阅读

变量作用域“一个变量的作用域表示这个变量存在的上下文。它指定了你可以访问哪些变量以及你是否有权限访问某个变量。”变量作用域分为局部作用域和全局作用域。局部变量（处于函数级别的作用域）不像其他对面对象的编程语言（比方说C++，Java等等），javascript没有块级作用域（被花括号包围的）；当是，javascript有拥有函数级别的作用域，也就是说，在一个函数内定义的变量只能在函数内部访问或者这个函数内部的函数访问（闭包除外，这个我们过几天再写个专题）。...

js设置cookie过期及清除浏览器对应名称的cookie

2016年07月27日 6 阅读

复制代码 代码如下: function ClearCookie（） { var expires = new Date（）; expires.setTime（expires.getTime（） - 1000）; //当前时间减去一秒,相当于立即过期（可以增减） document.cookie = "appCode="222""";path=/;expires=" + expires.toGMTString（） + ""; //expires是对应过期时间的设...

浏览器兼容console对象的简要解决方案分享

2016年07月27日 7 阅读

浏览器报找不到console对象，那我们就手动构造一个接口完全一致的console对象 置于window中。这里采用了空方法和空对象。如此一来即使在很old的浏览器中，含有console.xxxxx的代码依然不会报错，完美运行。 下面附上修复兼容代码，要置于置于第一句console.xxxx调用之前，否则没有意义。 复制代码 代码如下:（function （）{ //创建空console对象，避免JS报错 if（！window.console） wind...

jquery数据验证插件（自制,简单,练手）实例代码

2016年07月27日 9 阅读

复制代码 代码如下:（function（$） { var defaults = { bugColor: "#FFCCCC", //数据有误的时候文本框颜色 color: "white", //数据正确时候文本框颜色 type: "alert", //数据错误时候提示方式 alert 弹出框方式 text 赋值span html msg: "Msg", //数据有误的时候提示内容 ResOjId: "no"// 当test方式的时候 被赋值的标签 #id }...

js获取事件源及触发该事件的对象

2016年07月27日 5 阅读

某Html元素有onclick方法：onclick="return myfunction（event）" 复制代码 代码如下: function myfunction（event） { event = event ？ event : window.event; var obj = event.srcElement ？ event.srcElement : event.target; //这时obj就是触发事件的对象，可以使用它的各个属性 //还可以将obj...

Flexigrid在IE下不显示数据的处理的解决方法

2016年07月27日 5 阅读

解决方法： 网上的答案经我验证都是不靠谱的，以后大家就知道了，Flexigrid在IE下不显示数据的处理方法是：指定一下Ajax请求数据的方式为Get方式 另外，flexigrid不是不可以使用“post”方式发送数据，而是“post”方式在IE下必须要有供post的数据，比如在分页的时候可以使用post方式，而在你没有什么数据要发送的话，一定要使用“get”方式，其它浏览器可能对这个要求不严格，而IE要求较严： ...

js自动生成的元素与页面原有元素发生堆叠的解决方法

2016年07月27日 7 阅读

商品属性和商品规格是js动态生成的元素，商品扩展信息的两个文本框是原有的元素，他们发生堆叠，我以为是我生成的元素所在div大小不固定导致的，因为商品规格的下面复选框是第二次ajax生成的，我怀疑第二次ajax是不是不能将页面原有元素向下推到合适的位置。 搞了几个小时，尝试固定元素所在容器div的的大小，但是不好固定啊，元素的个数是不定的，尝试改变属性和规格的生成顺序，属性部分堆到规格部分上去了，规格部分的元素怎么不独立占位置呢，后来才想到会不会是浮动了，去...

js 浏览本地文件夹系统示例代码

2016年07月27日 5 阅读

复制代码 代码如下: function BrowseFolder（）{ try{ var Message = "请选择文件夹"; //选择框提示信息 var Shell = new ActiveXObject（ "Shell.Application" ）; var Folder = Shell.BrowseForFolder（0,Message,0x0040,0x11）;//起始目录为：我的电脑 //var Folder = Shell.BrowseFor...

各种页面定时跳转（倒计时跳转）代码总结

2016年07月27日 6 阅读

下面对实现页面定时跳转（也称倒计时跳转）做一下总结，各种定时跳转代码记录如下： （1）使用setTimeout函数实现定时跳转（如下代码要写在body区域内） 复制代码 代码如下: <script type="text/javascript"> //3秒钟之后跳转到指定的页面 setTimeout（window.location.href="http://www.baidu.com",3）; </script> （2）html代码...

jquery索引在使用中的一些困惑

2016年07月27日 5 阅读

今日同事很正式的向我提出了两个关于jquery的问题,我也很正式得做了回答,顺便把源码贴到这里希望对朋友们有所帮助: 复制代码 代码如下: <script type="text/javascript"> $（function（）{ $（"input[type=button]"）.click（function（）{ alert（$（this）.index（））; }） }） </script> <ul> <li>...

各种常用的JS函数整理

2016年07月27日 7 阅读

Js获取页面地址参数 复制代码 代码如下: function getUrlPara（paraName） { var sUrl = location.href; var sReg = "（？://？|&）{1}" + paraName + "=（[^&]*）" var re = new RegExp（sReg, "gi"）; re.exec（sUrl）; return RegExp.$1; } 地址跳转 复制代码 代码如下: var pn = $（"#go...

Jquery 模拟用户点击超链接或者按钮的方法

2016年07月27日 5 阅读

复制代码 代码如下: //Jquery 模拟用户点击超链接或者按钮 $（"#a"）.trigger（"click"）; ...

jquery及原生js获取select下拉框选中的值示例

2016年07月27日 6 阅读

现在有一id=test的下拉框，怎么拿到选中的那个值呢？ 分别使用javascript原生的方法和jquery方法 复制代码 代码如下: <select id="test" name=""> <option value="1">text1</option> <option value="2">text2</option> </select> 一：javascript原生的方法 1:拿...

JS关闭窗口或JS关闭页面的几种代码分享

2016年07月27日 5 阅读

第一种：JS定时自动关闭窗口复制代码 代码如下:<script language="javascript"><！--function closewin（）{self.opener=null;self.close（）;}function clock（）{i=i-1document.title="本窗口将在"+i+"秒后自动关闭！";if（i>0）setTimeout（"clock（）;",1000）;else closewin（）;}...