UDN-企业互联网技术人气社区

板块导航

浏览  : 1043
回复  : 12

[原生js] JavaScript常用积累

[复制链接]
genie1003的头像 楼主
发表于 2017-2-9 10:54:34 | 显示全部楼层 |阅读模式
  一、JS动画与动作不一致解决:
  1. if(!$( "#handle").is(":animated")){
  2.         //判断元素是否处于动画状态
  3. }
复制代码

  二、停止事件冒泡
  1. event.stopPropagation();
  2. - 禁止JS报错
  3.         window.onerror = function(){
  4.                 return true ;
  5. }

  6. try {
  7. /*try to do*/
  8. } catch(e){
  9. /*do this if try error */
  10. }
复制代码

  三、查看JS对象属性
  1.         var res = '' ;
  2. var obj = eval( obj );
  3.         for( var p in eval( obj ) ){
  4.                 var prop = p + ':' + obj[p] + '\n' ;
  5.                 res += prop ;
  6.         }
  7.         alert( res );
复制代码

  四、页面刷新时禁用提交按钮
  1. window.onbeforeunload = function(){
  2.         $(':submit').attr('disabled',true);
  3. }
复制代码

  注意: Opera 浏览器不支持,其他浏览器避免在同一页面中使用 "javascrpt:" 等伪协议

  五、获取事件
  1. var getEvent = function(){
  2.         var ieEvent = window.event ;
  3.         var ffEvent = arguments.callee.caller.arguments[0] ;
  4.         //arguments.callee 当前执行函数
  5.         //arguments.callee.caller 当前执行函数的调用者
  6.         //arguments.callee.caller.arguments[0] 当前函数调用者的第一个参数
  7.         var e = ieEvent || ffEvent ;
  8.         return e ;
  9. }
复制代码

  六、获取键盘码
  1. var getKCode = function(){
  2.                 var ieEvent = window.event ;
  3.                 var ffEvent = arguments.callee.caller.arguments[0] ;
  4.                 var e = ieEvent || ffEvent ;
  5.                 var kCode = e.keyCode || e.which ;
  6.                 return kCode ;
  7.         }
复制代码

  七、 鼠标滑入/滑出样式切换
  1. $("div").on("mouseover mouseout", function(){
  2.     $(this).toggleClass("over");
  3. });
复制代码

  八、点击鼠标,显示/隐藏切换
  1. $("#panel h5.head").toggle(function(){
  2.         $(this).toggleClass("highlight");
  3.         $(this).next().toggle();
  4. },function(){
  5.         $(this).toggleClass("highlight");
  6.         $(this).next().toggle();
  7. });
复制代码

  九、JS 调试
  1. console.log() ;                        //打印变量
  2. console.dir() ;                 //打印对象
  3. console.dirxml() ;                 //打印节点
  4. console.trace() ;                 //打印函数调用轨迹
  5. window.document.title = str;
复制代码

  十、为子元素集合绑定事件
  1. $("div").delegate("button","click",function(){
  2.         $("p").slideToggle();
  3. });
复制代码

  十一、自定义 IE 浏览器渲染方式(解决 IE10 下 JS 或插件失效):

  如果安装了 Chrome 内核,则使用 Chrome 内核来渲染页面 [chrome=1] ,如果未安装,则使用最高版本的IE内核进行渲染 [IE=edge]:
  1. <metahttp-equiv="X-UA-Compatible"content="IE=edge,chrome=1"/>
复制代码

  十二、注册事件
  1. // 标准浏览器
  2. form1.addEventListener('submit', function(e){
  3.     e.preventDefault();                //阻止浏览器默认动作
  4.         e.stopPropagation();                //阻止事件流产生
  5. });
  6. // IE8及更早版本IE浏览器
  7. form1.attachEvent('submit', function(){
  8.         event.cancelBubble = true; //阻止浏览器默认动作--IE8及更早版本IE浏览器
  9.         event.returnValue = false; //阻止事件流产生--IE8及更早版本IE浏览器
  10. }
复制代码

相关帖子

发表于 2017-2-9 10:55:04 | 显示全部楼层
js框架越来越火了, 不过本人还是喜欢原生的好, 自己写类库, 自己来封装,用着方便。。。。
使用道具 举报

回复

发表于 2017-2-11 05:38:51 | 显示全部楼层
有空一起交流一下
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部