浏览器Javascript

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

【浏览器Javascript】技术教程文章

JavaScript设置IFrame高度自适应(兼容各主流浏览器)_javascript技巧

代码如下: function SetIFrameHeight(down) { var Sys = {}; var ua = navigator.userAgent.toLowerCase(); var s; (s = ua.match(/msie ([\d.]+)/)) ? Sys.ie = s[1] : (s = ua.match(/firefox\/([\d.]+)/)) ? Sys.firefox = s[1] : (s = ua.match(/chrome\/([\d.]+)/)) ? Sys.chrome = s[1] : (s = ua.match(/opera.([\d.]+)/)) ? Sys.opera = s[1] : (s = ua.match(/version\/([\d.]+).*safari/)) ? Sys.safari = s[1] : 0; var...

js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器_javascript技巧【图】

注意使用preventDefault防止浏览器的默认事件操作发生 代码如下: var isDrag = false; function isIE(){ if(navigator.userAgent.indexOf("MSIE")>0){return true;} else{return false;} } function addListener(element,e,fn){ if(isIE()){element.attachEvent("on" + e,fn);} else{element.addEventListener(e,fn,false);} } function drag(e){ var e = e || window.event; var element = e.srcElement || e.target; if(e.prev...

给Flash加一个超链接(推荐使用透明层)兼容主流浏览器_javascript技巧【图】

今天要给星烛网上的一个Flash加一个超链接,原想直接在object外直接套一个超链接即可,试了之后却发现不是这么回事,求助百度,问题解决,记录如下:原因:Flash默认是最高层.所以,我经常会遇见Flash把下拉菜单挡住的情况,及其它原素覆盖掉. 解决方案: 第一种:步骤如下 1. 把Flash文件放到一个层中,设为最底层,FLASH设为透明. 代码如下: <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://down...

捕获键盘事件(且兼容各浏览器)_javascript技巧

例子:屏蔽浏览器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预览图像将本地图片显示到浏览器上_javascript技巧【图】

代码如下: /** * 从 file 域获取 本地图片 url */ function getFileUrl(sourceId) { var url; if (navigator.userAgent.indexOf("MSIE")>=1) { // IE url = document.getElementById(sourceId).value; } else if(navigator.userAgent.indexOf("Firefox")>0) { // Firefox url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0)); } else if(navigator.userAgent.indexOf("Chrome")>0) { // Chro...

javascript获取设置div的高度和宽度兼容任何浏览器_javascript技巧

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...

JS网页播放声音实现代码兼容各种浏览器_javascript技巧【图】

代码如下: 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...

浏览器的JavaScript引擎的识别方法_javascript技巧【图】

答案来自StackOverflow,打开这个网页http://jsbin.com/opuvas即可,这个网页也是答题者自己写的。 二维码是这个网址。网页内有统计访问量,作者想知道对多少人有用,建议尊重原创,不要复制这个网页。 对PC浏览器和移动浏览器都可用。 其原理是这段js: 代码如下: window.onload = function() { var v8string = function%20javaEnabled%28%29%20%7B%20%5Bnative%20code%5D%20%7D; if (window.devicePixelRatio) //If WebKit brow...

简单漂亮的js弹窗可自由拖拽且兼容大部分浏览器_javascript技巧【图】

简单漂亮的js弹窗 - 自由拖拽 代码如下: 简单漂亮的js弹窗 - 自由拖拽 //作者:zhao jinhan //时间: 2013年10月22日 //邮箱:xb_zjh@126.com function drag(o,s) { //drag(obj [,scroll]); //obj:对象的id或对象本身; //scroll(可选):对象是否随窗口拖动而滑动,默认为否 if (typeof o == "string") o = document.getElementById(o); o.orig_x = parseInt(o.style.left) - document.body.scrollLeft; o.orig_y = parseInt(...

javascript通过navigator.userAgent识别各种浏览器_javascript技巧【图】

原理:根据navigator.userAgent返回值识别 实现: 代码如下: function validBrowser(){ var u_agent = navigator.userAgent; var browser_name=Failed to identify the browser; if(u_agent.indexOf(Firefox)>-1){ browser_name=Firefox; }else if(u_agent.indexOf(Chrome)>-1){ browser_name=Chrome; }else if(u_agent.indexOf(Trident)>-1&&u_agent.indexOf(rv:11)>-1){ browser_name=IE11; }else if(u_agent.indexOf(MSIE)>-1&...