事件源对象
event.srcElement.tagName
event.srcElement.type
捕获释放
event.srcElement.setCapture();
event.srcElement.releaseCapture();
事件按键
event.keyCode
event.shiftKey
event.altKey
event.ctrlKey
事件返回值
event.returnValue
鼠标位置
event.x
event.y
窗体活动元素
document.activeElement
绑定事件
document.captureEvents(Event.KEYDOWN);
访问窗体元素
document.all("txt").focus();
document.all("txt").select();
窗体命令
document.execCommand
窗体COOKIE
document.cookie
菜单事件
document.oncontextmenu
创建元素
document.createElement("SPAN");
根据鼠标获得元素：
document.elementFromPoint(event.x,event.y).tagName=="TD
document.elementFromPoint(event.x,event.y).appendChild(ms)
窗体图片
document.images[索引]
窗体事件绑定
document.onmousedown=scrollwindow;
元素
document.窗体.elements[索引]
对象绑定事件
document.all.xxx.detachEvent('onclick',a);
插件数目
navigator.plugins
取变量类型
typeof($js_libpath) == "undefined"
下拉框
下拉框.options[索引]
下拉框.options.length
查找对象
document.getElementsByName("r1");
document.getElementById(id);
定时
timer=setInterval('scrollwindow()',delay);
clearInterval(timer);
UNCODE编码
escape() ,unescape
父对象
obj.parentElement(dhtml)
obj.parentNode(dom)
交换表的行
TableID.moveRow(2,1)
替换CSS
document.all.csss.href = "a.css";
并排显示
display:inline
隐藏焦点
hidefocus=true
根据宽度换行
style="word-break:break-all"
自动刷新
简单邮件
快速转到位置
obj.scrollIntoView(true)
锚
anchors
网页传递参数
location.search();
可编辑
obj.contenteditable=true
执行菜单命令
obj.execCommand
双字节字符
/[^x00-xff]/
汉字
/[u4e00-u9fa5]/
让英文字符串超出表格宽度自动换行
word-wrap: break-word; word-break: break-all;
透明背景
获得style内容
obj.style.cssText
HTML标签
document.documentElement.innerHTML
第一个style标签
document.styleSheets[0]
style标签里的第一个样式
document.styleSheets[0].rules[0]
防止点击空链接时，页面往往重置到页首端。
word
上一网页源
asp:
request.servervariables("HTTP_REFERER")
javascript:
document.referrer
释放内存
CollectGarbage();
禁止右键
document.oncontextmenu = function() { return false;}
禁止保存
禁止选取
地址栏图标
favicon.ico 名字最好不变16*16的16色,放虚拟目录根目录下
收藏栏图标
查看源码
关闭输入法
自动全选
ENTER键可以让光标移到下一个输入框
文本框的默认值
title换行
obj.title = "123
sdfs "
获得时间所代表的微秒
var n1 = new Date("2004-10-10".replace(/-/g, "/")).getTime()
窗口是否关闭
win.closed
checkbox扁平
获取选中内容
document.selection.createRange().duplicate().text
自动完成功能
打开该功能
关闭该功能
窗口最大化
无关闭按钮IE
window.open("aa.htm", "meizz", "fullscreen=7");
统一编码/解码
alert(decodeURIComponent(encodeURIComponent("http://你好.com?as= hehe")))
encodeURIComponent对":"、"/"、";" 和 "?"也编码
表格行指示
-
赞
-
收藏
-
评论
-
举报
上一篇：如何实现分页打印
下一篇：javascript小技巧(二)
提问和评论都可以，用心的回复会被更多人看到
评论
发布评论
全部评论
()
最热
最新
相关文章
-
Javascript 小技巧
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctr
js JS技巧
-
Javascript小技巧一箩筐
1) 事件源对象 event.srcElement.tagName event.srcElement.type2) 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 3) 事件按键 event.
javascript
小技巧
元素
按键
-
JavaScript使用小技巧
1.收藏时用图标显示2.TD内容实现不换行只要使用noWrap属性即可3.获得客户端文件大小
客户端
小技巧
动态
元素
-
前端JavaScript小技巧
在JavaScript世界里，有些操作会让你无法理解，但是却无比优雅
javascript
-
javascript小技巧(二)
[code="java"]s += "rn网页可见区域宽："+ document.body.clientWidth; s += "rn网页可见区域高："+ document.body.clientHeight; s += "rn网页可见区域高："+ document.body.offsetWeight +" (包...
JavaScript
正则表达式
IE
VBScript
Microsoft
-
javascript的小技巧
javascript的小技巧 事件源对象 event.srcElement.tagName event.srcElement.type捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.c
javascript
-
7 个Javascript 小技巧
7个小技巧。
赋值运算符
数组
字符串
-
一些 JavaScript 中的代码小技巧
在上次的 “Chrome DevTools 你可能不知道的小技巧” 文中，得到很多开发朋友的反馈确实不知道这些小技巧。今天，我们来聊一聊在 EcmaScript5/6+ 中的一些小技巧，欢迎评论区讨论下更多技巧。· · ·JSON.stringify我们平时经常会用到JSON 对象，比如当我们要实现对象的深拷贝时，我们可以用JSON 对象的JSON.stringify和JSON.p...
JavaScript
-
前端JavaScript小技巧「建议收藏」
在JavaScript世界里，有些操作会让你无法理解，但是却无比优雅有时候读取变量属性时，他可能不是Ojbect。这个这个你就要判
javascipt
es6
数组
语音合成
html5
-
7 个 JavaScript 开发小技巧
下面这些方法对于我来说很有作用，自从我发现了这些操作。 1. 数组求和 2. 使用 length 属性更改数组 3.数组元素随机打乱 4. 过滤唯一值 5. 逗号运算符 6. 使用数据解构交换数据元素
前端
JavaScript
代码规范
数组
数据
-
10个 JavaScript 开发小技巧
10个开发小技巧，帮助你写出清晰易读的代码。
javascript
html
数组
-
10 个实用的 JavaScript 小技巧
10个实用的JavaScript小技巧疯狂的技术宅前端先锋我一直在寻找提高效率的新方法。JavaScript总是充满令人出乎意料的惊喜。1.将arguments对象转换为数组arguments对象是函数内部可访问的类似数组的对象，其中包含传递给该函数的参数的值。但它与其他数组不同，我们可以访问其元素值并获得长度，但是不能在其上使用其他的数组方法。幸运的是，我们可以将其转换为常规数组：1vararg
Java
-
40种网页常用小技巧(JavaScript)
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. IE地址栏前换成自己的图标6. 可以在收藏夹中显示出你的图标
javascript
transition
vbscript
command
url
-
Excel小技巧（一）
Excel
excel
小技巧
-
Linux小技巧（一）
linux一些小技巧
Linux
小技巧
-
55种网页常用小技巧(javascript)
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
no
可用于Table2. 取消选取、防止复制3. o
输入法
地址栏
javascript
小技巧
return
-
9 个好用的 JavaScript 小技巧
黑客的方法论是一种涉及不断改进和迭代的构建方法。黑客们认为总有一天会变得更好，而且没有什么是永远不能够实现的。❝真正的黑客总是用不同的方式来解决没人关注的问题。❞下面给出了一些非常强大的JavaScript小技巧。1.全部替换我们都知道string.Replace()函数仅能替换掉第一个匹配项。你可以通过在正则表达式的末尾添加/g来替换所有出现的内容。varexample="potatopotat
java
-
六大JavaScript使用小技巧
之前写过一些关于编程的小技巧，今天已久写一些JS中用到的小技巧，非常实用，如果熟悉了实用起来相当快捷方便。
数组
Math
进制
爬虫
python
-
8个实用的JavaScript小技巧
一、使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值，如果存在就返回true值。为了做这样的验证，我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测，只要变量的值为:0、null、""、undefined或者NaN都将返回的是false，反之返回的是true。二、使用+将字符串转换成数字这个技巧非常
java
mb64660286caedc
分类列表
-
# javascript25篇
-
# J2SE2篇
近期文章
-
1.js 树型菜单
-
2.蜻蜓安全工作台程序编排简要说明
-
3.Appium报错：[10061] 由于目标计算机积极拒绝，无法连接。
-
4.Q355NF钢板介绍、Q355NF期货订轧、Q355NF切割加工
-
5.基于Docker搭建Jumpserver堡垒机操作实践
-
-
-
意见
反馈
-
举报文章
请选择举报类型
内容侵权
涉嫌营销
内容抄袭
违法信息
其他
补充说明
0/200
上传截图
格式支持JPEG/PNG/JPG，图片不超过1.9M
![]()
-
赞
-
收藏
-
评论
如有误判或任何疑问，可联系 「51CTO博客客服 」申诉及反馈。
我知道了
51CTO首页
内容精选
博客
学堂
精培
企业培训
CTO训练营
智能汽车
开源基础软件社区
WOT全球技术创新大会 
公众号矩阵
移动端
51CTO
开源基础软件社区
51CTO技术栈
51CTO官微
51CTO学堂
51CTO博客
CTO训练营
开源基础软件社区订阅号
51CTO学堂APP
51CTO学堂企业版APP
开源基础软件社区视频号
51CTO博客
-
首页
- 关注
- 排行榜
-
订阅专栏
-
搜索历史
清空
热门搜索
查看【
】的结果
-
首发福利
写文章
- 创作中心
-
登录注册
Copyright © 2005-2023 51CTO.COM
版权所有 京ICP证060544号
- 关于我们
-
官方博客
全部文章
热门标签
班级博客
了解我们
在线客服
网站地图
意见反馈
- 友情链接
-
开源基础软件社区
51CTO学堂
51CTO
汽车开发者社区
var userId="";
var uid="";
var user_id=16109425;
var isLogin=0;
var imgpath="https://s2.51cto.com/";
var BLOG_URL="https://blog.51cto.com/";
var HOME_URL="https://home.51cto.com/";
var STATICPATH="https://static2.51cto.com/edu/";
var SA_SERVER_URL_YM="https://sc.51cto.com/sa?project=production";
var cururl="https://blog.51cto.com/u_16119425/6306916";
var login_url="https://home.51cto.com/mobile/client-login?reback=https://blog.51cto.com/u_16119425/6306916";
var praise_url="https://blog.51cto.com/praise/praise";
var qrcodeSid="";
var qr_code="";
var router="blog/index";
var csrfParam="_csrf";
var csrfToken="zUDO1JeRtNDQSTNDXhxObqyRPCMbfcqLoYNXCDzBunrYBYIwb9gE1V0J9xoM-ynGUnx86uiDoT4VRzx5Du1-wg==";
var is_load=0;
var uc_url="https://ucenter.51cto.com/";
var blog_url="https://blog.51cto.com/";
var isBuy=1;
var isPc=0;
var writeMessage="©著作权归作者所有：来自51CTO博客作者mb64660286caedc的原创作品，请联系作者获取转载授权，否则将追究法律责任rnjavascript小技巧(一)rnhttps://blog.51cto.com/u_16119425/6306916";
var isCodeCopy=0;
var cid="";
var fid=0;
var commentListPage="";
var originalUrl="https://blog.51cto.com/u_16119425/original";
var followersUrl="https://blog.51cto.com/u_16119425/followers";
var translateUrl="https://blog.51cto.com/u_16119425/translate";
var reproduceUrl="https://blog.51cto.com/u_16119425/reproduce";
var followingUrl="https://blog.51cto.com/u_16119425/following";
var page="detail";
var tipStatus=1;
var addReply_url="https://blog.51cto.com/addBlogComment";
var removeUrl="https://blog.51cto.com/delBlogComment";
var blog_id=6306916;
var is_comment=0;
var comment_list="https://blog.51cto.com/getBlogCommentList";
var index_url="https://blog.51cto.com/u_16119425";
var img_url="https://static2.51cto.com/edu/blog/";
var i_user_id="";
var c_user_id=16109425;
var collect_url="https://blog.51cto.com/addUserCollect";
var is_old=2;
var nicknameurl="https://blog.51cto.com/u_16119425";
var nickname="mb64660286caedc";
var shareimgUrl="/qr/qr-url?url=https%3A%2F%2Fblog.51cto.com%2Fu_16119425%2F6306916";
var checkFollow=1;
var seoTitle="";
var articleABtest=0;
!function(f,p){"use strict";var h=new RegExp(".css"),y=p.head||p.getElementsByTagName("head")[0],r=+navigator.userAgent.replace(/.*(?:AppleWebKit|AndroidWebKit)/?(d+).*/i,"$1")<536;function s(e){return"complete"===e.readyState||"loaded"===e.readyState}function v(e,t,n){var o="onload"in e;function a(){e.onload=e.onreadystatechange=null,e=null,t()}"css"!==n||!r&&o?o?(e.onload=a,e.onerror=function(){e.onerror=null}):e.onreadystatechange=function(){s(e)&&a()}:setTimeout(function(){!function e(t,n){var o;t.sheet&&(o=!0),setTimeout(function(){o?n():e(t,n)},20)}(e,t)},1)}function u(t,n,e,o){if(t)if(h.test(t)){var a=t,r=e,c=u,i=p.createElement("link");if(r.attrs)for(var l in r.attrs)i.setAttribute(l,r.attrs[l]);r.prefetch?(i.href=a,i.rel="prefetch",c&&c()):(i.rel="stylesheet",v(i,c,"css"),i.href=a),y.appendChild(i)}else{var c=t,d=e,a=u,f=d.prefetch?p.createElement("link"):p.createElement("script");if(d.attrs)for(var s in d.attrs)f.setAttribute(s,d.attrs[s]);d.prefetch?(f.href=c,f.rel="prefetch",a&&a()):(f.charset="utf-8",v(f,a,"js"),f.async=!1,f.src=c),y.appendChild(f)}else setTimeout(function(){u()});function u(){var e=n.indexOf(t);-1<e&&n.splice(e,1),0===n.length&&o()}}function c(e="load",t){var n="object"==typeof t.option?t.option:{},t="function"==typeof t.callback?t.callback:null;return n.attrs="object"==typeof n.attrs?n.attrs:{},n.loaded="boolean"==typeof n.loaded&&n.loaded,n[e]=!0,{option:n,cb:t}}function i(c,e,t="load"){var n,o,a,r,i,l;function d(){var e=c,t=i,n=l;function o(){n&&n()}if(0===(e=Array.prototype.slice.call(e||[])).length)o();else for(var a=0,r=e.length;a<r;a++)u(e[a],e,t,o)}c&&c.length&&(i=e.option,l=e.cb,e=p,n=function(){"load"===t&&i.loaded?setTimeout(d,2e3):d()},("ready"===(o=t)?"loading"!==e.readyState:s(e))?n():(a=!1,r=function(){a||(n(),a=!0)},"load"===o?f.addEventListener("load",r):"ready"===o&&p.addEventListener("DOMContentLoaded",r),setTimeout(function(){r()},1500)))}f.PsLoader={ready:function(e,t,n={}){var o=[],a=[];e.forEach(function(e){(h.test(e)?o:a).push(e)}),n.loaded=!1,i(o,c("ready",{option:n,callback:function(){t(o)}}),"ready"),i(a,c("load",{option:n,callback:function(){t(a)}}))},load:function(e,t,n={}){i(e,c("load",{option:n,callback:t}))},prefetch:function(e,t,n={}){i(e,c("prefetch",{option:n,callback:t}))}}}(window,document); !function(m,g){var t=["scroll","wheel","mousewheel","resize","animationend","transitionend","touchmove"];function n(e){if("object"!=typeof e)throw new Error("CLazy option is not Object");var f={defaultImg:e.defaultImg||"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",preLoad:e.preLoad||1.3,preLoadTop:e.preLoadTop||0,complete:e.complete||null,events:e.events||t,capture:e.capture||!1},v=0,p={},h={},i={},A=this;function l(e){var t=e;if("object"!=typeof t)return!1;if(!t.el)for(var r in p)if(e===p[r].el){t=p[r];break}return t}function c(e){var e=e.getBoundingClientRect(),t=f.preLoad,r=f.preLoadTop;return e.topr&&e.left<m.innerWidth*t&&0<e.right}function u(e,t){var r,n=e.bindType,o=e.el;switch(t){case"loading":case"error":r=f.defaultImg;break;default:r=e.src}n?e.src&&(o.style[n]='url("'+r+'")'):o.getAttribute("src")!==r&&o.setAttribute("src",r),o.setAttribute("lazy",t)}this.add=function(e,t){var r=function(e){var t,r=!1;for(t in p)if(p[t].el===e){r=p[t];break}return r}(e);if(r)return this.check(r),!1;r="e_"+ ++v;if(p[r])return this.check(p[r]),!1;for(var n,o={id:r,el:e,bindType:"IMG"===e.tagName?null:"background-image",src:(n=e,(t=t)?t.value:n.getAttribute("ps-lazy")),$parent:function(e){if(!(e instanceof HTMLElement))return m;var t=e;for(;t&&t!==g.body&&t!==g.documentElement&&t.parentNode;){if(/(scroll|auto)/.test(function(e){return y(e,"overflow")+y(e,"overflow-y")+y(e,"overflow-x")}(t)))return t;t=t.parentNode}return m}(e)},a=(h[r]=function(e){A.check(o)},p[r]=o),i=h[r],c=0;c<f.events.length;c++){s=d=u=l=void 0;var[l,u,d,s=!1]=[a.$parent,f.events[c],i,f.capture];l&&l.addEventListener(u,d,s),m!==l&&m.addEventListener(u,d,s)}this.check(o)},this.remove=function(e){for(var e=l(e),t=(e.el&&e.el.removeAttribute("ps-lazy"),e),r=h[e.id],n=0;n<f.events.length;n++){c=i=a=o=void 0;var[o,a,i,c=!1]=[t.$parent,f.events[n],r,f.capture];o&&o.removeEventListener(a,i,c),m!==o&&m.removeEventListener(a,i,c)}delete h[e.id],delete p[e.id]},this.check=function(e){var t,r,n,o,a=l(e);c(a.el)&&(m===a.$parent||c(a.$parent))?(e=function(e){u(a,e),A.remove(a),f.complete&&f.complete({el:a.el,src:a.src,state:e})},a.src?(t=a.src,r=e,n=encodeURIComponent(t),i[n]?r(i[n]):((o=new Image).onload=function(){i[n]="loaded",r(i[n])},o.onerror=function(){i[n]="error",r(i[n])},o.src=t)):e("loaded")):u(a,"loading")},this.checkAll=function(){for(var e in p)A.check(p[e])}}function y(e,t){return"undefined"!=typeof getComputedStyle?getComputedStyle(e,null).getPropertyValue(t):e.style[t]}m.PsLazy=function(e={}){function t(e){for(var t=e.path||event.composedPath&&event.composedPath()||e._getPath&&e._getPath(),r=0;r<t.length;r++){var n=t[r];if(n&&"hasAttribute"in n&&n.hasAttribute("ps-lazy-check")){o.format();break}}}function r(){var e=g.querySelector("img[data-share]");e&&!e.getAttribute("src")&&e.setAttribute("src",e.getAttribute("data-share"))}var o=this;n.call(o,e),g.addEventListener("click",t),g.addEventListener("mouseover",t),this.format=function(){var e=g.querySelectorAll("[ps-lazy]");if(!e.length)return!1;for(var t=0;t<e.length;t++)o.add(e[t])},this.format();"complete"===(e=g).readyState||"loaded"===e.readyState?r():m.addEventListener("load",r,!1)}}(window,document); PsLoader.load(["https://static2.51cto.com/edu/blog/blog-static/static/css/pc_detailinline.min.css?v=5c7f42dbda","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_detail.min.css?v=118252b566","https://cdn.51cto.com/jquery/jquery-2.2.4.min.js","https://static2.51cto.com/edu/center/js/interaction_iframe.js","https://cdn.51cto.com/jquery/swiper-4.5.3.js","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_base.min.js?v=300bc61215","https://static2.51cto.com/edu/blog/blog-static/js/mprime.js?v=2cb70144db","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_detail.min.js?v=2535acb529"], function() {})
PsLoader.prefetch(["https://static2.51cto.com/edu/blog/blog-static/static/css/pc_base.min.css?v=2731609498","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_indexinline.min.css?v=e40c304555","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_newIndexinline.min.css?v=7cd4246e43","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_listinline.min.css?v=a365759c73","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_newListinline.min.css?v=fcde138dd1","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_topicinline.min.css?v=47a9bc571c","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_topicdetailinline.min.css?v=512bf305aa","https://static2.51cto.com/edu/blog/blog-static/static/css/pc_bloggerinline.min.css?v=0e63931398","https://static2.51cto.com/edu/blog/blog-static/markdown/dist/js/main.js?v=9fee5bb838","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_index_js.min.js?v=5331660aa2","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_list_js.min.js?v=8973c321c1","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_topic.min.js?v=873da4210c","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_topic_static.min.js?v=8533cb9e02","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_topicdetail.min.js?v=901345e7d5","https://static2.51cto.com/edu/blog/blog-static/static/js/pc_blogger_js.min.js?v=c7a4e3d003"]);
var Lazy = new PsLazy({
defaultImg: "https://s2.51cto.com/images/100/base/empty.png?x-oss-process=image/ignore-error,1",
preLoad: 1.3,
complete: function(opt) {},
})
服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net
机房租用，北京机房租用，IDC机房托管， http://www.fwqtg.net
概述 缓存更新是指在数据发生变化时，保持缓存和数据库的数据一致性的问题。如果缓存和数据库的数据不一致，会导致用户看到过期或者错误的数据，影响业务逻辑和用户体验。 为了实现缓存更新，我们可以采用以下四种方式其中的一种： Cache Aside策略：应用程序直接与…
