W3C的标准告诉我们，可以通过Dom对象的contentDocument属性来返回文档对象。 即 代码如下: doc= document.getElementById(myframe ).contentDocument 但对IE浏览器来说，经过测试，IE6，IE7都不支持，IE8开始支持了。 在IE下，需要这样来访问 代码如下: document.frames[myframe].document; 跨浏览器的解决方案是， contentWindow属性，这是个只读属性，返回指定的iframe的窗口对象。 它虽然不是标准的一部分，但各个主流浏览器...
大家有的时候想在页面中加一些东东，又限于浏览器的不同，效果不尽都能表现出来，这下我们可以想到浏览器的判断，根据不同的浏览器给出不同的展示效果，是不是很炫呢？那当然，你能想到的很多人都能想的到，就好像大楚网的广告添加方法，真是让我见识到了真正的JS高手是如何练就的了，废话不说了，看代码： 代码如下: if (window.XMLHttpRequest) { //Mozilla, Safari,IE7 alert(Mozilla, Safari,IE7 ); if(!window.ActiveXObject...
上图片素材先： 背景图片:浮云图片: ←——————————这里是有图片D~ 全选就能看见了（因为背景是白的，云也是白的嘛~）…… CSS代码： 代码如下: * { margin: 0; padding: 0; } body { background: url("Images/body_bg.jpg") repeat center 0 fixed; } .cloud { background: url("Images/cloud1.png"); height: 250px; width: 580px; position: absolute; } .hScroll { overflow: hidden; } 理解: .hScroll 是为了让浏...
有时需要将数组转成伪数组（ArrayLike），如下 代码如下: var ary = [one,two,three]; var obj = {}; // 没有length属性 Array.prototype.push.apply(obj, ary); for(var i in obj){ alert(i + : + obj[i]); } IE8/9/Firefox/Safari/Chrome 依次弹出了obj的key及其value。即能转换成ArrayLike。 但IE6/7下则不能，没有输出任何信息表明obj仍然是个空对象。 如果给obj加个length属性，情况则不同 代码如下: var ary = [one,two,...
如下 1，两个div，d1中包含d2 2，d1，d2都设置了absolute或relative 3，隐藏d1 4，隐藏子元素d2 5，显示d1 这时IE6/7 and IE8/9/10(IE7模式)中会发现，子元素d2也能显示出了(别忘了，d2被display:none 了哦)。但IE8/9/10/Firefox5/Safari4/Chrome12中子元素d2仍然是被隐藏的。 重现代码 代码如下: IE6/7 and IE8/9/10(IE7模式)依次隐藏具有absolute或relative的父元素和子元素后再显示父元素，子元素依然能显示bug 1) 隐藏...
测试代码如下: 代码如下: 测试 var btn = document.getElementsByTagName('button')[0]; alert(btn.value); alert(btn.getAttribute('value')); IE6/7:IE8/9/10/Firefox/Safari/Chrome/Opera:即： IE6/7 中返回的是innerHTML，实现错误。JavaScript教程/参考手册 JavaScript热搜 Vue利用canvas实现移动端手写板的方法vue2.0 移动端实现下拉刷新和上拉加载更多的示例解决vue-router中的query动态传参问题解决使用vu...
刚和同事讨论了一个很有趣的问题，有个idea，需要记录用户在页面选中的内容，在ff和ie9下有w3c的dom2级事件createRange，这里不再累赘。主要问题是在IE6,7,8只能通过createTextRange选中热区。假如我们知道用户选择开始元素和偏移量，以及结束元素以及偏移量，那么我们可以用下面的例子把用户选择的内容用js给标记起来 代码如下: function mark() { var b= document.getElementById ("b"); var b1= document.getElementById ("b...
如设置class属性 代码如下:el.setAttribute(class, abc); 在IE6/7中样式“abc”将没有起作用，虽然使用el.getAttribute('class')能取到值“abc”。 又如for属性 代码如下: 姓名： var lab = document.getElementsByTagName('label')[0]; lab.setAttribute('for', 'name'); 我们知道当lab设置了for属性，点击label将自动将对应的checkbox选中。但以上设置在IE6/7点击将不会选中checkbox。 类似的情况还发生在 cellspacing/cel...
原来出错的代码如下： 代码如下: 出错的原因应该是IE7、IE8中的P不支持innerHTML。CodeMirror的作者也发现了这个问题，相关链接： https://github.com/marijnh/CodeMirror2/issues/215 https://github.com/marijnh/CodeMirror2/commit/4886415d6054571f92fa4d5601ebe7d601e952ab 代码如下: try { stringWidth("x"); } catch (e) { if (e.message.match(/runtime/i) || e.message.match(/运行时/i) ) e = new Error("...
最近在Web项目开发过程中遇到的本地图片预览的需求，虽然最后因为其他原因没能使用，但是也算有些了解，整理出来。这里我们按浏览器分，主要包括IE6，IE7/8 和Firefox3， 不包含Opera，Safari和Chrome，这三个基本上需求很小，没有研究。 总结一下就是： IE6下可以直接从file的value获取图片路径来显示预览。 IE7和IE8下通过select获取file的图片路径，再用滤镜来显示预览。 FireFox下调用file的getAsDataURL方法获取Data URI数据来...
网上有很多说在里加一句：或者就可以解决，实际测试根本没有效果，原来是在ScrollPic.js里有个cssFloat这个样式除ie外都支持就tmd ie不支持，解决方法改为styleFloat。这时会发现ie下正常了，但是其他浏览器却只滚动一次，解决思路，先用js判断浏览器类型，然后使用不同的样式：cssFloat或styleFloat。
代码如下:function validateFileSize(id, maxsize) { var btnsave = document.getElementById("Button2"); btnsave.disabled = false; var filepath = ""; var fileupload = document.getElementById(id); if (fileupload.value.length < 5) { alert(请选择文件！); return; } var agent = window.navigator.userAgent; if (document.all) { ...
做网页有时候会用到JS检测IE的版本，下面是检测Microsoft Internet Explorer版本的三种代码！ 第一种： 代码如下: var browser=navigator.appName var b_version=navigator.appVersion var version=b_version.split(";"); var trim_Version=version[1].replace(/[ ]/g,""); if(browser=="Microsoft Internet Explorer" && trim_Version=="MSIE6.0") { alert("IE 6.0"); } else if(browser=="Microsoft Internet Explorer" && trim_...
代码如下: irefox中连续英文字符如果要CSS控制强制换行，探索了N久，发现是实现不了的逼不得已的时候就用js脚本进行控制吧 英文字符自动换行,通过js脚本截断字符串,此方法通用ie6,ie7,firefox兼容解决办法 js实现连续英文字符自动换行 sssssssssssssssss sssssssssssssssssssssssssssssssssssssssssssssssss function toBreakWord(intLen){ var obj=document.getElementById("ff");//文字内容所在容器的id var strContent=o...
window.opener=null;window.close()，只支持IE6不支持IE7的问题 打开新窗口并且关闭本窗口不弹出要关闭窗口前的提示function openWin(){window.open(login.jsp,,fullscreen=yes,menubar=no,resizable=no);window.opener=null;window.close();} 在IE7下为 function openWin(){ window.opener=null;window.open(login.jsp,,fullscreen=yes,menubar=no,resizable=no);window.close();} /////////////////////// 不确认关闭 也就是在...