
JavaScript
文章平均质量分 64
JavaScript
清山博客
多闻阙疑,慎言其余,则寡尤;多见阙殆,慎行其余,则寡悔。言寡尤,行寡悔。
展开
-
jqueryEasyUI:tabs扩展:给tabs组件绑定双击事件
实现代码:$.extend($.fn.tabs.methods, { /** * 绑定双击事件 * @param {Object} jq * @param {Object} caller 绑定的事件处理程序 */ bindDblclick: function(jq, caller){ re转载 2014-09-29 14:36:21 · 5581 阅读 · 0 评论 -
第3章 对象基础
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>定义类和对象title>head翻译 2013-05-04 09:04:33 · 1064 阅读 · 0 评论 -
javascript 修改对象
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>修改对象title>head>翻译 2013-05-04 09:43:58 · 1080 阅读 · 0 评论 -
javascript 对象继承
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>4.2 对象继承title>he翻译 2013-05-04 10:19:37 · 1146 阅读 · 0 评论 -
字符串拼接方式(待商榷)
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>字符串拼接方式title>翻译 2013-05-04 09:27:34 · 1217 阅读 · 0 评论 -
02.简单的DOM操作
prev()函数:返回相关元素的前一兄弟节点 function prev(elem) { do { elem = elem.previousSibling; } while (elem && elem.nodeType != 1); return elem; }next()函数:返回相关元素的后一兄弟节点 function next(elem) { do { elem = elem.nextSibling;原创 2011-01-02 15:46:00 · 1164 阅读 · 0 评论 -
04.javascript事件绑定
一、传统的方法:// 例1:查找第一个元素并为其绑定submit事件处理函数document.getElementsByTagName(“form”)[0].onsubmit = function(e){ return stopDefault( e );//停止表单提交的默认行为};// 例2:为页面body元素绑定键盘敲击事件document.body.onkeypress = myKeyPressHandler;// 例3:为页面加载完毕绑定事件window.onload = functi原创 2011-01-02 16:02:00 · 1393 阅读 · 0 评论 -
03.获取和设置元素特性的值
function attr(elem, name, value) { //确保提供的name是正确的 if ( !name || name.constructor != String ) return ''; // 检查name是否处在怪异命名的情形中 name = { ‘for': 'htmlFor', 'class': 'className' }[name] || name; // 如果用户传入了value; if ( value != null ) {原创 2011-01-02 15:49:00 · 1167 阅读 · 0 评论 -
05.javascript访问CSS
获取元素的真实,最终的css样式属性的函数:function getStyle(elem, name) { //如果存在于style[]中,直接返回 if (elem.style[name]){ return elem.style[name]; } //尝试使用IE的方法 else if (elem.currentStyle) { return elem.currentStyle[name]; }原创 2011-01-02 16:14:00 · 1168 阅读 · 2 评论 -
RSA对称加密(JS加密,C#、Java解密)
常见的渗透测试会将网站登录时密码使用明文传输视为风险。推荐使用国密算法或者RSA算法对密码进行加密传输。原创 2022-09-07 14:56:15 · 8790 阅读 · 2 评论 -
jQuery easyUI datagrid 增加求和统计行
在datagrid的onLoadSuccess事件增加代码处理。 .subtotal { font-weight: bold; }/*合计单元格样式*/ function onLoadSuccess() { //添加“合计”列 $('#table').datagrid('ap原创 2015-01-14 17:46:41 · 36948 阅读 · 2 评论 -
EasyUI - DataGrid 去右边空白滚动条列
熟悉 EasyUI - DataGrid 的童鞋应该会yi转载 2014-09-03 10:46:50 · 5844 阅读 · 2 评论 -
说说JSON和JSONP,也许你会豁然开朗,含jQuery用例
前言:由于Sencha Touch 2这种开发模式的特性,基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了,通过调用强大的PhoneGap插件然后打包,你可以实现100%的Socket通讯和本地数据库功能,又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能,但这两种方式都有其局限性,前者需要PhoneGap支持,后者要求用户设转载 2014-09-23 10:41:16 · 1292 阅读 · 1 评论 -
百度地图-省市县联动加载地图
在平常项目中,我们会遇到这样的业务场景: 客户希望把自己的门店绘制在百度地图上,通过省、市、区的选择,然后加载不同区域下的店铺位置。先看看效果图吧:实现思路:第一步:整理行政区域表: 要实现通过地区筛选来动态加载地图,首先要有一套中国行政区域表。哪里来呢?如果你做过淘宝API接入,应该会想到淘宝物流接口提供了一个官方的行政区域代码,这个比较靠谱。原创 2015-04-26 13:08:52 · 23424 阅读 · 9 评论 -
JqueryEasyUI 解决IE下加载时页面错乱的问题
一直觉得jqueryeasyui在IE下的渲染效果不大hao原创 2014-09-20 09:50:31 · 5022 阅读 · 2 评论 -
JqueryEasyUI 解决IE下datagrid无法刷新的问题
jqueryeasyui 解决IE下加载...原创 2014-09-20 10:05:28 · 8497 阅读 · 1 评论 -
jQuery插件treeview点击节点名称不展开、收缩节点
修改jquery.treeview.js文件中的applyClasses方法(注释掉两行代码):修改后的applyClasses方法如下:applyClasses: function(settings, toggler) {/*this.filter(":has(>ul):not(:has(>a))").find(">span").click(funct转载 2014-06-16 20:28:33 · 5013 阅读 · 0 评论 -
CodeMirror与jquery UI-Tabs混合使用 注意事项
第一步:.将代码高亮渲染第二步:jquery Tab输出;第三步:点击Tab切换时,将代码块刷新;参考:http://jtmorris.net/2013/06/codemirror-editor-not-displaying-default-value/原创 2013-12-23 13:35:24 · 7073 阅读 · 0 评论 -
表格跨行时隔行变色
效果图:代码: 表格跨行时隔行变色 td { border: 1px solid; width: 100px; } $(function () { var i = 0, j = 0, k = 0; $("#tableShow tr").each(function (原创 2013-08-08 12:56:29 · 2208 阅读 · 0 评论 -
JavaScript trim函数
JavaScript trim函数大赏W3C那帮人的脑袋被驴踢了,直到javascript1.8.1才支持trim函数(与trimLeft,trimRight),可惜现在只有firefox3.5支持。由于去除字符串两边的空白实在太常用,各大类库都有它的影子。加之,外国人都很有研究精神,搞鼓了相当多实现。实现1String.prototype.tr转载 2013-05-10 14:02:20 · 1667 阅读 · 0 评论 -
jquery解析XML
xml文件结构:books.xmlxml version="1.0" encoding="UTF-8"?>root> book id="1"> name>深入浅出extjsname> author>张三author> price>88price> book> book id="2">转载 2013-05-10 12:36:21 · 1260 阅读 · 0 评论 -
escape加号被过滤解决方法
原因: url中有些字符被转义,比如空格被编码成加号,于是传的参数明明是加号,获取的值却成了空格。如何解决呢?如果是通过url传递参数,应该对其进行必要的编码。解决办法: 在javascript中加入 function URLencode(sStr) { return escape(sStr).replace(/\+/g, '%2B').replace(/\"/g,'%22').repl转载 2013-05-23 20:10:55 · 3094 阅读 · 0 评论 -
jquery弹窗遮罩
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弹窗遮罩title>原创 2013-05-11 16:37:35 · 1459 阅读 · 0 评论 -
百度地图 驾车/公交查询Demo(支持多起点多终点)
效果图:html页面: 百度地图-驾车/公交查询 线路查询 从 到 虹桥T1原创 2014-01-23 22:35:19 · 14062 阅读 · 13 评论 -
页面局部加载,适合Ajax Loading场景(Demo整理)
效果图:完整demo下载原创 2013-11-05 21:11:42 · 6026 阅读 · 0 评论 -
jquery 主题颜色切换+窗体移动+上下文菜单
效果图:源码下载:http://download.youkuaiyun.com/detail/a497785609/5495951原创 2013-06-01 15:46:04 · 1483 阅读 · 0 评论 -
jquery动态表格,动态添加表格行
效果图:(打包下载)Html:html>head> title>jquery表格操作title> script language="javascript" src="jquery.table.tr.js">script> style type="text/css"> table { bord原创 2013-05-09 17:44:08 · 5478 阅读 · 0 评论 -
UC浏览器 分享到朋友圈和微信好友
用手机UC浏览器访问新浪微博,会注意到有这样的两个分享按钮:在手机端浏览器里,点击分享按钮,就可以启动微信客户端并分享到微信。研究了下其源代码,存在这样的一个js:http://mjs.sinaimg.cn/wap/module/share/201504071745/js/addShare.min.js从里面抽离出了分享调用的方法,方便调用。(注意:这个分享功能只在UC手机浏览器有原创 2015-04-28 14:45:55 · 21008 阅读 · 2 评论 -
百度地图显示多个标注点
效果图:原创 2014-04-18 12:51:28 · 94809 阅读 · 32 评论 -
Web移动端使用localStorage缓存Js和css文件
将jquery和公共样式缓存到localStorage,可以减少Http请求,从而优化页面加载时间,下面的代码可以实现此功能: //入口函数 if (window.localStorage) { initJs(); initCss("css", "/gfdzp20150原创 2015-09-09 19:53:51 · 16264 阅读 · 4 评论 -
jQuery替代windows自带的alert、confirm
var rc = window.rc || {};rc.msg = { alert: function(message, title, callback) { if (title == null) title = "提示信息"; rc.msg._show(title, message, null, ...原创 2018-06-29 13:09:41 · 8650 阅读 · 1 评论 -
chrome浏览器隐藏 input textarea 获取焦点后边框
input,button,select,textarea{ outline:none;} /*取消表单项聚焦时产生的边框*/textarea{resize:none;}/*取消textarea改变大小的功能*/原创 2018-03-08 10:10:42 · 1627 阅读 · 0 评论 -
jqgrid loadonce:true后trigger("reloadGrid")无效
loadonce:true后,jqGrid只会加载一次数据,并把datatype改为local,以后不再请求后台。当我们进行增删改查操作时,直接使用trigger("reloadGrid")无效,原因是:datatype改为local了,全部数据都是提取的本地的。解决方案:1. setGridParam中加上参数datatype:'json',重新向服务器发送新的请转载 2017-07-27 09:53:51 · 8293 阅读 · 0 评论 -
jqGrid 初始化列表时,不加载数据
$("#gridMaterial").jqGrid({ datatype: 'local', data: [] })后面加载数据时: $("#gridMaterial").setGridParam({ datatype: 'json', ur原创 2017-08-01 16:48:45 · 3794 阅读 · 0 评论 -
兼容移动端的后台管理框架
bootstrap admin:https://adminlte.io/原创 2017-06-06 16:17:33 · 9398 阅读 · 1 评论 -
原生JavaScript实现返回顶部功能
将下面代码保存为js文件,然后在需要用到的页面添加js引用即可。//--------------------------------------------------------------------------------// 文件描述:返回顶部脚本 // 文件作者:zhangqs// 创建日期:2017-5-19 11:11:43// 修改记录: //--------------原创 2017-05-19 11:18:36 · 699 阅读 · 0 评论 -
图片onerror事件,为图片加载指定默认图片
为图片指定加载失败时显示默认图片,js输出的img对象,onerror是事件,不是属性,所以这样写是不起作用的:var img = $(document.createElement("IMG")); img.attr({"src": imgs[idx],"alt": tips[idx],"onerror":"this.src='" + NoPicPath + "'原创 2013-07-31 09:00:30 · 12863 阅读 · 0 评论 -
jquery 限制图片最大宽度
$('img').each(function () { $(this)[0].onload = function () { var maxWidth = document.body.offsetWidth; //最大宽度,高度按比例计算 var rate = 0; // 缩放比例原创 2017-02-15 10:19:52 · 1297 阅读 · 0 评论 -
不定义JQuery插件,不要说会JQuery
一:导言有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写$("#"),$("."),写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人,直到有一次公司里的技术交流,我才改变了自己对自己的看法。二:普及JQuery知识知识1:用JQuery写插件时,最核心的方法有如下两个:$.extend(object) 可以理解为JQuery 添加一个静态方转载 2014-11-24 14:18:32 · 1309 阅读 · 0 评论 -
jQuery EasyUI datagrid 无记录时,增加"暂无数据"提示
在 datagrid 的onLoadSuccess事件进操作:onLoadSuccess: function (data) { if (data.total == 0) { var body = $(this).data().datagrid.dc.body2; body.find('table tbody').append('暂无数据')原创 2016-05-18 16:55:57 · 9591 阅读 · 1 评论