javascript常用积累

一、JS动画与动作不一致解决:



1

2

3


if(!$( "#handle").is(":animated")){

//判断元素是否处于动画状态

}

二、停止事件冒泡



1

2

3

4

5

6

7

8

9

10

11


event.stopPropagation();

- 禁止JS报错

window.onerror = function(){

return true ;

}

try {

/*try to do*/

} catch(e){

/*do this if try error */

}

三、查看JS对象属性



1

2

3

4

5

6

7


var res = ‘‘ ;

var obj = eval( obj );

for( var p in eval( obj ) ){

var prop = p + ‘:‘ + obj[p] + ‘\n‘ ;

res += prop ;

}

alert( res );

四、页面刷新时禁用提交按钮



1

2

3


window.onbeforeunload = function(){

$(‘:submit‘).attr(‘disabled‘,true);

}

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

五、获取事件



1

2

3

4

5

6

7

8

9


var getEvent = function(){

var ieEvent = window.event ;

var ffEvent = arguments.callee.caller.arguments[0] ;

//arguments.callee 当前执行函数

//arguments.callee.caller 当前执行函数的调用者

//arguments.callee.caller.arguments[0] 当前函数调用者的第一个参数

var e = ieEvent || ffEvent ;

return e ;

}

六、获取键盘码



1

2

3

4

5

6

7


var getKCode = function(){

var ieEvent = window.event ;

var ffEvent = arguments.callee.caller.arguments[0] ;

var e = ieEvent || ffEvent ;

var kCode = e.keyCode || e.which ;

return kCode ;

}

七、 鼠标滑入/滑出样式切换



1

2

3


$("div").on("mouseover mouseout", function(){

$(this).toggleClass("over");

});

八、点击鼠标,显示/隐藏切换



1

2

3

4

5

6

7


$("#panel h5.head").toggle(function(){

$(this).toggleClass("highlight");

$(this).next().toggle();

},function(){

$(this).toggleClass("highlight");

$(this).next().toggle();

});

九、JS 调试



1

2

3

4

5


console.log() ; //打印变量

console.dir() ; //打印对象

console.dirxml() ; //打印节点

console.trace() ; //打印函数调用轨迹

window.document.title = str;

十、为子元素集合绑定事件



1

2

3


$("div").delegate("button","click",function(){

$("p").slideToggle();

});

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



如果安装了Chrome内核,则使用Chrome内核来渲染页面[chrome=1],如果未安装,则使用最高版本的IE内核进行渲染[IE=edge]:


1

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

十二、注册事件



1

2

3

4

5


// 标准浏览器

form1.addEventListener(‘submit‘, function(e){

e.preventDefault(); //阻止浏览器默认动作

e.stopPropagation(); //阻止事件流产生

});


1

2

3

4

5


// IE8及更早版本IE浏览器

form1.attachEvent(‘submit‘, function(){

event.cancelBubble = true; //阻止浏览器默认动作--IE8及更早版本IE浏览器

event.returnValue = false; //阻止事件流产生--IE8及更早版本IE浏览器

}

时间: 2024-10-03 02:27:33

javascript常用积累的相关文章

[CSS] 常用积累

1.实现点击编辑框出现列表,否则隐藏列表 <html> <head> <meta charset='utf-8'> <title>demo</title> <style type="text/css"> body{padding: 100px;font-family: '微软雅黑';} #demo-input{border-radius: 5px;width: 280px;height: 35px;border:s

Javascript 常用扩展方法

这篇文章纯粹是为了保存这些方法,供以后翻阅,其实一直保存在 evernote 里面,但觉得还是放到对的地方会好点. 现在收录的很少,希望以后会慢慢增多. 数组扩展 contains,remove 扩展 1 function ArrayContains(array, obj) { 2 for (var i = 0; i < array.length; i++) { 3 if (array[i] === obj) { 4 return true ; 5 } 6 } 7 return false ;

javascript常用的对象

<!DOCTYPE html> <html> <head> <title>javascript常用的对象</title> <meta charset="UTF-8"> <script type="text/javascript"> //日期对象 var date = new Date(); document.write(date.getFullYear()+"年"

JavaScript常用正则表达式与应用(一)

JavaScript的String类和RegExp对象类都定义了相关方法使用正则表达式进行模式匹配,本文将以连载方式介绍JavaScript常用正则表达式与相关应用,欢迎交流 本节是连载一,首先介绍JavaScript语言常用的正则表达式,如何应用将在后几篇介绍. 所有案例将采用在线正则表达式验证工具RegExr进行测试,地址是:http://regexr.com/v1/,本节测试截图均来自该网站. 1.匹配字符串字面值: 正则表达式字面值包含在一对正斜杠内,如:var parttern=/P/

javascript常用单词整理

javascript常用单词整理 push :添加一个数组元素 document :文档 pop :删除最后一个数组元素 console :控制台 shift :删除第一个数组元素 string :字符串 Concat 组合数组 undefined :未定义 typeof :关键字 join:数组转化为指定分隔符 slice:返回指定数组 length:数组长度 Array:数组 number:数字 boolean:布尔 alert:提示框 parseInt:转化为整型数值 continue:继

JavaScript 常用功能总结

编吐血整理加上翻译,太辛苦了~求赞! 本文主要总结了JavaScript 常用功能总结,如一些常用的额JS 对象,基本数据结构,功能函数等,还有一些常用的设计模式. 目录: 众所周知,JavaScript是动态的面向对象的编程语言,能够实现以下效果: 1. 丰富Web 网页功能 2. 丰富Web界面 3. 实现本地或远程存储. 4. 实现分布式网络应用的前端组件,并在后台进行数据存储管理. 5. 使用JavaScript可以实现完整的分布式Web 应用. JavaScript 中的数据类型 Ja

[javascript] 基础积累

1.表单验证 表单中可以添加onsubmit="xxxx",一般我们在on相应中调用函数都是onclick="jsfunc()",但表单验证时,必须用onsubmit="return verifyfun()".原因是onsubmit其实是一个函数名,它默认返回true,表明允许表单提交.如果只写onclick="verifyfun()",只覆盖了函数体,没有覆盖返回值,最终还是返回true. [javascript] 基础积累

javascript 常用函数(二)

/***javascript 常用函数**/function each( object, callback ) { if ( undefined === object.length ){ for ( var name in object ) { if (false === callback( object[name], name, object )) break; } } else { for ( var i = 0, len = object.length; i < len; i++ ) {

【JavaScript】javascript常用的东西

DOM编程.AJAX编程.异步编程(nodejs会涉及的相对多一点,事件.ajax) 函数.函数表达式.回调函数是基础. JavaScript的函数是一个核心. 回调函数有点类似于Android中的回调函数,以及生命周期中的回调函数. [JavaScript]javascript常用的东西