代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>史上最精简，最强大的JS遮罩层效果，支持ie firefox jQuery遮罩层</title> <script type="text/javascript" src="jquery-1.3.2.js"></script> <script ...
废话不多说，贴上代码，也算是自己的一个代码存储。 代码如下:var temp_iframe var content = document.getElementById(right); //id为 right的DOM容器中，进行创建iframe和宽高自适应 var c = 0; function append(filename) { var the_iframe = "helpfile" + c; temp_iframe = document.createElement("iframe"); temp_iframe.src = filename; temp_iframe.scrolling = "no"; temp_iframe.setAttribute("frameborder", "0"); tem...
1：rules与cssRules区别： 代码如下:function addCSSRule(css,key,value){ //var css = document.styleSheets[document.styleSheets.length-1]; if(navigator.userAgent.indexOf("Firefox")>0 ) { css.insertRule(key+"{"+value+"}", css.cssRules.length) } else { css.addRules(key,value); } } function removeCSSRule(key){ for(var i = 0; i < document.styleSheets.length; i++){ var css = document.styleSheets[i]; navig...
代码如下://导入js文件 function getResult(url, ready) { var xmlHttp; var r = function() { if (xmlHttp.readyState == 4) { if (xmlHttp.status == 200) { //alert(isIE); var xmlstr; var xmldoc; var isIE = !!(window.attachEvent && !window.opera); if (isIE) xmldoc = xmlHttp.responseXML; else { xmlstr = xmlHttp.responseText; alert(xmlstr); var parser = new DOMParser(); xmldoc = parser.parseFromString(xmlst...
以前防止页面被iframe使用的是这段代码 代码如下:<script type=”text/javascript> if (top.location !== self.location) { top.location=self.location; } </script> 但是在Firefox里你会发现页面会一直不停的在刷. 页面根本没法用. 这里是因为firefox windows.top如果没有那么就是空,在IE下windows.top就是本窗口 页面不断的刷新 不断的运行这段js代码这就造成了一个死循环,也是为什么页面一直在刷新. 所以我更改了方式,使用下...
但IE6两行JS代码就可以，IE7以上也差不多，只不过出来一个安全提示比较恶心，用户如果看到了，一定有怀疑； 再但就是Firefox、Chrome等根本就不让你复制； 记得以前网上有这方面的代码，找了一下，发现全部不能在firefox3.5以上的版本中应该，最后终于找到了一个，代码还相当相当的复杂，不太敢用。 最后，憋的实在没有办法了，查了查资料，自已写了一个： 主要的理解的几个点： 1、Firefox这些浏览器，出于安全考虑吧，直接是不让...
知识点： 0、为什么要innerText？因为安全问题 1、为firefox dom模型扩展属性 2、currentStyle属性可以取得实际的style状态 3、IE实现innerText时考虑了display方式，如果是block则加换行 4、为什么不用textContent？因为textContent没有考虑元素的display方式，所以不完全与IE兼容 代码： 在IE6,7,8 和firefox 2,3下测试均通过。 //If your browser is IE , return true. If is others, like firefox, return false. function i...
学习过程中多分析别人的代码实现是个好的习惯，哪怕不是很明白，跟着多敲几遍代码也是很培养感觉的事情。下面是实际的效果（一般我只在firefox中测试）： 鼠标滑过上面的导航链接时 下面框中图片进行流畅的切换，左右移动的效果 html结构如下： 代码如下:<body> <h1>Web Design</h1> <p>These are the things you should know.</p> <ol id="linklist"> <li> <a href="structure.html">Structure</a> </li> <li> <a href="...
但我觉得这还不行，毕竟什么都是人家封装好的，得自己深入学习下原生的javascript才踏实。今天看到一篇不错的博文，介绍了一个基于js dom编程的相册实例，虽然这个例子很小，但个人认为还是很有学习价值的，先给出html和效果图，这样有助于后面js的理解。 代码如下:<body> <div id="content"> <h1>Snapshots</h1> <ul id="imagegallery"> <li> <a href="photo/fireworks.jpg" title="A fireworks display"> <img src="photo/t...
window.event对象差异 IE：有window.event对象 FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 获取鼠标当前坐标 IE：event.x和event.y。 FF：event.pageX和event.pageY。 通用：两者都有event.clientX和event.clientY属性。 鼠标当前坐标(加上滚动条滚过的距离) IE：event.offsetX和event.offsetY。 FF：event.layerX和event.layerY。 标签的x和y的坐标位置：style.posLeft 和 ...
在这篇文章中，作者介绍了7个JavaScript在IE和Firefox中存在的差异。 1. CSS “float” 值 访问一个给定CSS 值的最基本句法是：object.style.property，使用驼峰写法来替换有连接符的值，例如，访问某个ID为”header”的<div>的 background-color值，我们使用如下句法： document.getElementById("header").style.backgroundColor= "#ccc"; 但由于”float“这个词是一个JavaScript保留字，因此我们不能用 object.style.float来访问...
【要点】document.getElementById方法在Firefox与IE中的区别。 如下,有一name="txtVersion"的text控件： 代码如下:<div> <input type="text" name="txtVersion" size="15" value="Version" maxlength="25"> </div> 根据上面信息，我们要用JS获得其控件中的值，我们这样写： var strVersion= document.getElementById("txtVersion").value; 上面的写法没错，在以IE为内核的浏览器中是正确的，但是Firefox对此要求的很严格，上面代...
var ie=document.all; var nn6=document.getElementById&&!document.all; var isdrag=false; var x,y; var dobj; function movemouse(e) { if (isdrag) { dobj.style.left = nn6 ? tx + e.clientX - x : tx + event.clientX - x; dobj.style.top = nn6 ? ty + e.clientY - y : ty + event.clientY - y; return false; } } function selectmouse(e) { var fobj = nn6 ? e.target : event.srcElement; var topeleme...
ie,chrome可能通过JS的onselectstart 例如 代码如下:<body onselectstart="return false"> firefox可以通过CSS 代码如下: *{ -moz-user-select:none }
文本框： 代码如下:<input type="text" onkeydown="keydownsearch(event)" /> js代码: 代码如下:function keydownsearch(evt) { evt = (evt) ? evt : ((window.event) ? window.event : "") keyCode = evt.keyCode ? evt.keyCode : (evt.which ? evt.which : evt.charCode); if (keyCode == 13) { search();//搜索事件 } }