代码如下: //获取坐标位置 function getpos(e) { var t=e.offsetTop; var l=e.offsetLeft; var height=e.offsetHeight; while(e=e.offsetParent) { t+=e.offsetTop; l+=e.offsetLeft; } } 假设 obj 为某个 HTML 控件。 obj.offsetTop 指 obj 距离上方或上层控件的位置,整型,单位像素。 obj.offsetLeft 指 obj 距离左方或上层控件的位置,整型,单位像素。 obj.offsetWidth 指 obj 控件自身的宽度,整型,单位像素。 obj.offsetH...
代码如下: /** * 从 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...
js关闭浏览器窗口 js关闭浏览器窗口,不弹出提示框。支持ie6+,火狐,谷歌等浏览器。 代码如下: function closeWin(){ window.opener=null; window.open('','_self',''); window.close(); } logout 火狐默认不支持js关闭浏览器窗口,可以在about:config中将dom.allow_scripts_to_close_windows改为true。 js检查浏览器关闭事件 js检查浏览器关闭或刷新事件,主动弹出提示框。支持ie6+,火狐,谷歌等浏览器。 代码如下: ...
使用jquery做了一个项目,下拉列表选择项变化时,获取选中项的文本。我按如下方式写了: 代码如下: $("#rd").change(function () { $("#name").val($("#rd").find("option:checked").text()); }); 由于开发环境浏览器的版本都比较高,IE10,FF23,Chrome29,测试都没问题,部署到服务器上,客户那儿有了问题,文本获取不到,仔细测试才发现,option的选中应该是selected,改成selected后,IE6、7、7、8、10、FF、chrome都没有问题...
浏览器页面区域大小的获取: 代码如下: //在IE、FireFox、Opera下都可以使用 document.body.clientWidth document.body.clientHeight //即可获得,很简单,很方便。 //而在公司项目当中: //Opera仍然使用 document.body.clientWidth document.body.clientHeight //可是IE和FireFox则使用 document.documentElement.clientWidth document.documentElement.clientHeight //原来是W3C的标准在作怪啊 //http://www.w3.org/TR/xhtml1/D...
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...
利用2个文件 ZeroClipboard.js ZeroClipboard.swf 代码如下: var clip = null; function $(id) { return document.getElementById(id); } function init(xm) { clip = new ZeroClipboard.Client(); clip.setHandCursor( true ); clip.addEventListener('load', function (client) { debugstr("Flash movie loaded and ready."); }); clip.addEventListener('mouseOver', function (client) { // update the text on mouse over ...
注意该死的ie多版本的问题 代码如下: function loadXML(xmlString) { var xmlDoc = null; if (!window.DOMParser && window.ActiveXObject) { var xmlDomVersions = [MSXML.2.DOMDocument.6.0, MSXML.2.DOMDocument.3.0, Microsoft.XMLDOM]; for (var i = 0; i < xmlDomVersions.length; i++) { try { xmlDoc = new ActiveXObject(xmlDomVersions[i]); xmlDoc.async = false; xmlDoc.loadXML(xmlString); break; } catch (e) { } ...
代码如下: 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", "...
现在的浏览器里,有一个十分有趣的功能,你可以在不刷新页面的情况下修改浏览器URL;在浏览过程中.你可以将浏览历史储存起来,当你在浏览器点击后退按钮的时候,你可以冲浏览历史上获得回退的信息,这听起来并不复杂,是可以实现的,我们来编写些代码。来看看它是如何工作的。代码如下:var stateObject = {};var title = "Wow Title";var newUrl = "/my/awesome/url";history.pushState(stateObject,title,newUrl); History 对象 pus...
答案来自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弹窗 - 自由拖拽 代码如下: 简单漂亮的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(...
浏览器报找不到console对象,那我们就手动构造一个接口完全一致的console对象 置于window中。这里采用了空方法和空对象。如此一来即使在很old的浏览器中,含有console.xxxxx的代码依然不会报错,完美运行。 下面附上修复兼容代码,要置于置于第一句console.xxxx调用之前,否则没有意义。 代码如下:(function (){ //创建空console对象,避免JS报错 if(!window.console) window.console = {}; var console = window.console...