JavaScript资料,JavaScript文章,JavaScript文档-易库教程

extjs关于treePanel+chekBox全部选中以及清空选中问题探讨

2017年02月06日 19 阅读

复制代码代码如下: //树 var treePanel = new Ext.tree.TreePanel（{ id:"ptree", region:"west", layout:"anchor", border:false, rootVisible: false, root:{}, listeners:{ render: function（） { authorityTree（treePanel）; /*渲染树*/ }, checkchange: func...

Extjs4 消息框去掉关闭按钮（类似Ext.Msg.alert）

2017年02月06日 18 阅读

效果如图，类似 Ext.Msg.alert（）; 但没有关闭按钮由于Extjs4消息框中的关闭按钮，没有执行回调函数，点击关闭按钮后，直接关闭窗口。实现代码如下：复制代码代码如下: Ext.Msg.show（{ title : "系统提示", msg : "Extjs4 去掉提示框右上角关闭按钮", buttons: Ext.Msg.OK, fn: showResult, closable: false }）; ...

JQuery给元素添加/删除节点比如select

2017年02月06日 19 阅读

jQuery获取Select选择的Text和Value: 复制代码代码如下: var checkText=jQuery（"#select_id"）.find（"option:selected"）.text（）; //获取Select选择的Text var checkValue=jQuery（"#select_id"）.val（）; //获取Select选择的option Value var checkIndex=jQuery（"#select_id "）...

input 输入框获得/失去焦点时隐藏/显示文字（jquery版）

2017年02月06日 19 阅读

input 输入框获得和失去焦点时隐藏或者显示文字我们先看下效果图输入框默认状态: 输入框获取焦点状态: 大家可以看效果图的搜索输入框，默认显示着“用户名/Email”的提示，当这个 input 输入框获得焦点时，就自动清空等待用户输入，当用户啥也没输入就离开这个 input 输入框时，输入框内又再次显示“用户名/Email”的提示。是不是很常见？很多搜索、登录、表单都会用到这个效果，但是我看了N多个网站，有90%以上是这么实现的：复制代码代码如下:...

js 火狐下取本地路径实现思路

2017年02月06日 19 阅读

复制代码代码如下: /* 火狐下取本地全路径 */ function getFullPath（obj） { if（obj） { //ie if （window.navigator.userAgent.indexOf（"MSIE"）>=1） { obj.select（）; return document.selection.createRange（）.text; } //firefox else if（window.navigator.userAge...

JS获取浏览器版本及名称实现函数

2017年02月06日 19 阅读

复制代码代码如下: // 获取浏览器名称及版本信息 function appInfo（）{ var browser = { msie: false, firefox: false, opera: false, safari: false, chrome: false, netscape: false, appname: "unknown", version: 0 }, userAgent = window.navigator.userAgent.toLo...

简单实例处理url特殊符号&处理（2种方法）

2017年02月06日 21 阅读

我遇到的问题是：url里的参数内容包含&符合，我有两种方法解决其一方法是：在页面用JS转码，例子如下（前端处理）复制代码代码如下: <a href="#" onclick="test（"${group.type}","${group.cn }"）">${group.cn }）</a> <script language="javascript"> function test（a,b）{ alert（"test"）; ...

jQuery布局插件UI Layout简介及使用方法

2017年02月06日 20 阅读

UI Layout是一种基于jQuery的布局框架，项目主页http://layout.jquery-dev.net/。该框架的参考原型是ExtJS的border-layout，因此十分适用于将原有使用ExtJS的项目改造成jQuery项目。其核心是一个大小自适应的中心面板（必选），面板的上下左右四个方向可以放置可折叠、可缩放的面板（可选），各个面板可以添加任意数量的页眉和页脚面板。UI Layout支持内层布局的嵌套，任意块元素都可以当作布局的容器，最基...

终于解决了IE8不支持数组的indexOf方法

2017年02月06日 22 阅读

下面是我找到的解决办法：在使用indexOf方法前，执行一下下面的js, 原理就是如果发现数组没有indexOf方法，会添加上这个方法。复制代码代码如下:if （！Array.prototype.indexOf）{ Array.prototype.indexOf = function（elt /*, from*/） { var len = this.length >>> 0; var from = Number（arguments[1]...

js去字符串前后空格5种实现方法及比较

2017年02月06日 17 阅读

我们在项目中如果写到注册的时候，用户输入空格，我们怎么来剔除空格呢？下面是我经常用到的js与大家分享下：第一种：循环检查替换 [javascript] 复制代码代码如下: //供使用者调用 function trim（s）{ return trimRight（trimLeft（s））; } //去掉左边的空白 function trimLeft（s）{ if（s == null） { return ""; } var whitespace = new...

JS实现下拉框的动态添加（附效果）

2017年02月06日 19 阅读

效果展示：页面初加载时：选择车类型后：选择车颜色后： JS实现下拉框的动态添加，网页代码如下：复制代码代码如下: <！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/xht...

JS实现标签页效果（配合css）

2017年02月06日 18 阅读

实现的效果：如上图所示为制作的标签页，我们想要实现的效果是当鼠标移到某一个标签的时候，在下面的内容区显示对应的内容，并且相应标签的颜色需要改变，如图中所示当前鼠标的位置在“标签1”上，则内容区域显示的内容为“我是内容1”，并且“标签1”的颜色要比“标签2”和“标签3”深一些，同样鼠标移到“标签2”和“标签3”的时候显示“我是内容2”和“我是内容3”。这样的效果是CSS和JS配合实现的。下面我们就来看看具体代码：首先来看HTML代码：复制代码代码如下:...

JS模板实现方法

2017年02月06日 21 阅读

概述我们在使用JS渲染DOM时，一般使用字符串创建DOM然后附加到父元素上，如果附加的DOM是动态易变的，那需要在函数中写大量逻辑。如果在控件实现过程中，这带来的问题更为严重。解决这个问题的常见解决方案是是使用模板，作为配置项传入控件，实现数据和渲染的分离。具体的实现方法有以下方法：字符串替换，使用正则匹配将数据替换进字符串中。渲染函数，函数返回字符串。模板引擎，可以将执行字符串中的函数（内置或者自定义的）替换（Substitute）字符串替换是最简...

JavaScript栏目列表隐藏/显示简单实现

2017年02月06日 20 阅读

1.构建JavaScript库复制代码代码如下: （function（）{ //将命名空间IC注册到window window["JSHide"]={}; //隐藏侧边栏，并将图片换成右箭头图片 function yc（） { document.getElementById（"cloone"）.style.display ="none"; document.getElementById（"img"）.innerHTML ="<img src="I...

关于js注册事件的常用方法

2017年02月06日 19 阅读

不解释，看代码：复制代码代码如下:;（function（）{ //进行库封装，防止对象污染 window["cm"]={};/** *给对象注册事件 */ var addListener=function（element,type,fn）{ if（typeof element == "undefined"） return false; if（element.addEventListener）{ element.addEventListener（type,...

如何使用jquery动态加载js,css文件实现代码

2017年02月06日 20 阅读

使用jquery动态加载js，css文件复制代码代码如下: $.extend（{ includePath: "", include: function（file） { var files = typeof file == "string" ？ [file]:file; for （var i = 0; i < files.length; i++） { var name = files[i].replace（/^s|s$/g, ""）; var at...

用Jquery重写windows.alert方法实现思路

2017年02月06日 17 阅读

已经在 IE8 , firefox3.0.11下面测试通过复制代码代码如下: $.extend（{ includePath: "", include: function（file） { var files = typeof file == "string" ？ [file] : file; for （var i = 0; i < files.length; i++） { var name = files[i].replace（/^s|s$/g, ...

让低版本浏览器支持input的placeholder属性（js方法）

2017年02月06日 21 阅读

复制代码代码如下: var doc = window.document, input = doc.createElement（"input"）; if（ typeof input["placeholder"] == "undefined" ） // 如果不支持placeholder属性 { $（"input"）.each（function（ ele ） { var me = $（this）; var ph = me.attr（"placeholder"）...

Jquery实现弹出层分享微博插件具备动画效果

2017年02月06日 20 阅读

此Jquery插件是一款非常实用的特效，是很多网站不可缺少的推广神兵利器，传统的一般都用百度、加网的分享插件，但样式外观都不怎么好看，用户体验效果差一点，此作品不但有分享功能，还具备了动画效果，提高了用户体验。由于用了CSS3，为了可以看到插件的最佳效果，建议大家使用谷歌、火狐等浏览器。。。作品包括以下功能： 1、弹出层 2、遮罩层 3、动画效果 4、CSS3 效果如下：源码下载代码片段（1）复制代码代码如下: $（document）.ready（f...

关于jquery input textare 事件绑定及用法学习

2017年02月06日 19 阅读

（1）jquery 绑定事件目前1.7以上，jquery的事件绑定已经用on替换了原来的bind；区别：（个人理解）bind是一次绑定事件到每一个子节点；on是只绑定到父节点，然后冒泡到各个子节点；用法：bind 一个事件，一个方法：$（".class input"）.bind（"click",function（e）{...;e.stopPropagation;}）两个事件，一个方法：$（".class input"）.bind（"click mo...

首页 / 脚本样式 / JavaScript

extjs关于treePanel+chekBox全部选中以及清空选中问题探讨

Extjs4 消息框去掉关闭按钮（类似Ext.Msg.alert）

JQuery给元素添加/删除节点比如select

input 输入框获得/失去焦点时隐藏/显示文字（jquery版）

js 火狐下取本地路径实现思路

JS获取浏览器版本及名称实现函数

简单实例处理url特殊符号&amp;处理（2种方法）

jQuery布局插件UI Layout简介及使用方法

终于解决了IE8不支持数组的indexOf方法

js去字符串前后空格5种实现方法及比较

JS实现下拉框的动态添加（附效果）

JS实现标签页效果（配合css）

JS模板实现方法

JavaScript栏目列表隐藏/显示简单实现

关于js注册事件的常用方法

如何使用jquery动态加载js,css文件实现代码

用Jquery重写windows.alert方法实现思路

让低版本浏览器支持input的placeholder属性（js方法）

Jquery实现弹出层分享微博插件具备动画效果

关于jquery input textare 事件绑定及用法学习

简单实例处理url特殊符号&处理（2种方法）