例子:屏蔽浏览器F5刷新,代用刷新iframe框架 代码如下:// 捕获F5事件$("body").keydown(function(e){var ev = window.event || e;var code = ev.keyCode || ev.which;if (code==116) { // 阻止默认的F5事件if(ev.preventDefault) {ev.preventDefault();}else {ev.keyCode=0;ev.returnValue=false; }// 调用刷新函数Refresh(); } });// 刷新当前框架function Refresh() {document.getElementById(right-main-frame).contentWindow...
单击复制文字的js。找了很久,由于之前没有接触过,完全不知道兼容ie及标准dom浏览器,不仅仅要通过js,而且需要flash的帮忙。clipboard.swf这个在网上都有下载.ie允许访问剪贴板。window.clipboardData可以访问 但是标准dom。看了一些文章说的都是用flash设置隐藏。但是flash10是不支持。 但是,还有个方法是可行的,固记录一下,以下方法支持标准dom. 代码如下: (function () { window[Util] = { CACHE:{}, getText : function(...
Javascript如何获取和设置div的高度和宽度,并且兼容任何浏览器?看代码: 代码如下: http://www.itdos.com http://www.itdos.com 获取div1的宽高度: 代码如下: alert(document.getElementById("div1").offsetHeight); //兼容FF、IE等 alert(document.getElementById("div1").offsetWidth); //兼容FF、IE等 设置div1的宽高度为div2的宽高度: 代码如下: document.getElementById("div1").style.height=document.getElementBy...
代码如下: SwfObject2.2Demo var flashvars = { }; var params = { wmode: "transparent" }; var attributes = {}; swfobject.embedSWF("sound.swf", "sound", "1", "1", "9.0.0", "expressInstall.swf", flashvars, params, attributes); function play(c) { var sound = swfobject.getObjectById("sound"); if (sound) { sound.SetVariable("f", c); sound.GotoFrame(1); } } 需要的引入文件,在js特效文件夹里面Ja...
代码如下: var file = $("#FileId") file.after(file.clone().val("")); file.remove();
一、图片上传实现本地预览 由于上传图片功能,现在大多数都需要在本地实现预览,为了能够更好的让用户体验到效果,实现成品的证明,需要兼容好几种浏览器,所有通过各个例子整合了这个例子插件,兼容火狐、谷歌、ie8,其他的没有进行测试过 代码如下: (function($){ jQuery.fn.extend({ uploadPreview: function(opts){ opts = jQuery.extend({ width: 0, height: 0, imgPreview: null, imgType: ["gif", "jpeg", "jpg", "bmp", "...
介绍之前先介绍jQuery的一个方法 jQuery.event.fix(event || window.event); 此方法个浏览器的event对象转换为 jQuery.event; 如果您的事件是通过jQuery方法绑定的,就不需要进行转换了! jQuery在遵循W3C规范的情况下,对事件的常用属性进行了封装,使得事件处理在各大浏览器下都可以正常的运行而不需要进行浏览器类型判断。 1.event.type属性该方法作用是可以获取到时间的类型 代码如下:$("a").click(function(event){ alert(...
第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown、onkeypress和onkeyup这三个事件句柄。一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup。 在这3种事件类型中,keydown和keyup比较底层,而keypress比较高级。这里所谓的高级是指,当用户按下shift + 1时,keypress是对这个按键事件进行解析后返回一...
代码如下: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")...
若想通过js将内容复制到剪贴板,本来不难,可是若考虑到浏览器的兼容性问题,就变的有点麻烦,使用jquery-zclip复制是一个不错的选择,借助flash实现浏览器的兼容。原理就不细讲了,下面说下如何实现。比如我的html代码如下: 代码如下: 要复制的内容1 要复制的内容2 要复制的内容3 js文件总共需要两个,jquery就不用说了,再就是jquery-zclip.js和ZeroClipboard.swf,这两个文件可以在官方网站上下载,地址如下:http://www.s...
Js导出表格为Excel文件 的常见一种办法是调用:ActiveXObject("Excel.Application") ,但是这种方法有局限性,只能在IE系列下的浏览器里实现,兼容性方面不理想。 经测试,采用本文推荐的方法能兼容性较好的导出表格内容到Excel文件。 代码如下:var str = "博客, 域名\nBlog, 2\njb51.net, 3";var uri = data:text/csv;charset=utf-8, + str; var downloadLink = document.createElement("a");downloadLink.href = uri;downloadLink...
要想获取HTML元素的计算样式一直都存在很多的兼容问题,各浏览器都会存在一些差异,Firefox、webkit(Chrome,Safari)支持W3C标准的方法:getComputedStyle(),而IE6/7/8不支持标准的方法但是有私有的属性来实现:currentStyle,IE9和Opera两个都支持。有了这2个方法和属性基本上可以满足大多数要求了。代码如下:var getStyle = function( elem, type ){ return getComputedStyle in window ? getComputedStyle(elem, null)[type] : ...
调用事件:事件对象 什么是事件对象?在触发dom上的事件是都会产生一个事件对象event。例如鼠标点击的时候,自己就会产生比如点击的类型啊 还要那个元素发出的 dom 事件对象 type 属性用于获取事件对象, target属性 用于获取事件目标,stopPropagation()方法 阻止事件冒泡 preventDefault阻止事件的默认行为 IE中的事件对象 type 属性 用于获取事件对象, srcElement属性 用于获取事件目标 cancelBubble属性 用于阻止事件冒泡...
本文实例讲述了javascript实现客户端兼容各浏览器创建csv并下载的方法。分享给大家供大家参考。具体实现方法如下:$("#radarDLBut").click(function(){ var data = [displayData["radar_chart"]["r_label"],displayData["radar_chart"]["r_default"]]; var csvContent = "data:text/csv;charset=utf-8,\ufeff"; if (window.navigator.msSaveOrOpenBlob) {csvContent = "\ufeff"; } data.forEach(function(infoArray, index){dataS...
//事件处理兼容各种浏览器,采用能力检测方法,所谓能力检测,就是有能力就做,没有能力就不做//定义一个处理事件的对象,兼容各种浏览器,dom2级事件处理和ie事件,如果这两个事件都不兼容,就采用dom0级处理var eventUtil ={addEvent:function(element,type,handler){if (element.addEventListener) {//非IE浏览器采用dom2级事件处理,type为事件类型如:click,handler为事件处理函数,false代表事件采用冒泡处理模型,如果是tr...