浏览器的javascript

以下是为您整理出来关于【浏览器的javascript】合集内容,如果觉得还不错,请帮忙转发推荐。

【浏览器的javascript】技术教程文章

更快的异步执行(setTimeout多浏览器)_javascript技巧

如果要异步执行一个函数,我们最先想到的方法肯定会是setTimeout 例如:setTimeout(function( /* 1s后做点什么 */){},1000} 那如果说要最快速地异步执行一个函数呢? 是否会是:setTimeout(function( /* 尽快做点什么 */){},0} 可惜的是,浏览器为了避免setTimeout嵌套可能出现卡死ui线程的情况,为setTimeout设置了最小的执行时间间隔,不同浏览器的最小执行时间间隔都不一样。chrome下测试 setTimeout 0 的实际执行时间间隔大概在...

一个css与js结合的下拉菜单支持主流浏览器_javascript技巧【图】

首先声明: 本人虽然在web前端岗位干了好多年,但无奈岗位对技术要求不高。html,css用的比较多,JavaScript自己原创的很少,基本都是copy修改,所以自己真正动手写时,发现基础很不牢固,边学习边实践,收获很大。 效果图:不废话了,贴码了 1、css代码代码如下: a:link{color:white;text-decoration:none;} a:visited{color:white;text-decorative:none;} a:hover{color:white;text-decorative:none;} a:active{color:white;te...

innerHTML动态添加html代码和脚本兼容多个浏览器_javascript技巧

症状:给某个元素的 innerHTML 设置值时,如果提供的 HTML 代码中包含js脚本,很多时候这些脚本无效,或者在某种浏览器上有效,但在其它浏览器上无效。 原因:不同浏览器对插入 innerHTML 中的脚本有不同的处理方法。经过实践,归纳如下: 对于IE,首先, script 标签必须带 defer 属性,其次,在插入时刻,innerHTML 的所属节点必须在 DOM 树中. 对于 Firefox 和Opera,在插入时刻,innerHTML 的所属节点不可以在 DOM 树中。 根据上...

js完美实现@提到好友特效(兼容各大浏览器)_javascript技巧【图】

要求 1.输入@时,弹出匹配的好友菜单 2.光标进入包含有"@好友"的标签时,弹出菜单 3.按backspace删除时,如果光标前面是包含有"@好友"的标签,弹出菜单 4.兼容ie,firefox. 具体做法 针对要求一,很自然的会想到对输入框绑定事件。这里要绑定mousedown,而不是mouseup.因为如果是mouseup的话,用event.preventDefault()是无法阻止键盘输入@的。另外,这里在事件回调中用return false也是起不了作用的。 绑定mousedown事件后,就要插入...

使用javascript实现判断当前浏览器_javascript技巧

写了一个判断当前浏览器类型及版本的方法,只在IE 8/11 、谷歌 、360 浏览器(不完全)上测试过 希望大家提出意见;(function($, window, document,undefined){if(!window.browser){var userAgent = navigator.userAgent.toLowerCase(),uaMatch;window.browser = {}/*** 判断是否为ie*/function isIE(){return ("ActiveXObject" in window);}/*** 判断是否为谷歌浏览器*/if(!uaMatch){uaMatch = userAgent.match(/chrome\/([\d.]+)/...

js鼠标滑轮滚动事件绑定的简单实例(兼容主流浏览器)_javascript技巧

代码如下:/** Event handler for mouse wheel event. *鼠标滚动事件 */ var wheel = function(event) { var delta = 0; if (!event) /* For IE. */ event = window.event; if (event.wheelDelta) { /* IE/Opera. */ delta = event.wheelDelta / 120; } else if (event.detail) { /** Mozilla...

键盘上一张下一张兼容IE/google/firefox等浏览器_javascript技巧

代码如下: < script language = "javascript" > document.onkeydown = chang_page; function chang_page(event) { var event = event ? event : (window.event ? window.event : null); var key = event.keyCode || event.which; if (key == 37 || key == 33) location = ; if (key == 39 || key == 34) location = ; } < / script > 兼容IE,google,firefox的键盘上一张下一张

qq悬浮代码(兼容各个浏览器)_javascript技巧【图】

代码如下:lastScrollY=0;function heartBeat(){ var diffY;if (document.documentElement && document.documentElement.scrollTop)diffY = document.documentElement.scrollTop;else if (document.body)diffY = document.body.scrollTopelse{/*Netscape stuff*/} //alert(diffY);percent=.1*(diffY-lastScrollY); if(percent>0)percent=Math.ceil(percent); else percent=Math.floor(percent); document.getElementById("ad_left")...

关闭浏览器输入框自动补齐兼容IE,FF,Chrome等主流浏览器_javascript技巧

firefox 和 ie 的浏览器各自实现了input历史记录的功能,可以简化输入时的麻烦,但是,有时候弹出的下拉框会挡住页面显示内容,而且在某些情况下也不需要对input框进行记录,如号码查询的input框,用户不会对同一个号码进行多次查询,就没有必要让浏览器记录。 MSIE自定义了input 的扩展属性 autocomplete,置为off即可 用这个方法可以屏蔽MSIE,Firefox,chrome,opera则需要使用另一个扩展属性disableautocomplete 两扩展属性可...

js模拟点击以提交表单为例兼容主流浏览器_javascript技巧【图】

在实际的应用开发中,我们会常常用到JS的模事件,但有时会遇到一些问题,比如说点击事件,举个简单的例子,点击表单外的“提交”按钮来提交表单。上代码吧。 Html: 代码如下: 请单击“提交”,测试提交按钮的单击事件也被触发了。 提交 Javscript: 代码如下: var sub = document.getElementById("subbtn"); var btn = document.getElementById("btn"); //通用方法 btn.onclick = function() { sub.click(); } 经过测试,IE,...