我们或多或少都使用过各式各样的富文本编辑器，其中有一个很方便功能，复制一张图片然后粘贴进文本框，这张图片就被上传了，那么这个方便的功能是如何实现的呢？ 原理分析 提取操作：复制=>粘贴=>上传 在这个操作过程中，我们需要做的就是：监听粘贴事件=>获取剪贴板里的内容=>发请求上传 为方便理解下文，需要先明白几点： 我们只能上传网页图(在网页上右键图片，然后复制)和截图(截图工具截的图片，eg：qq截图)，不能粘贴上传系统...
IE8以上的版本代码，只需要CSS即可 tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); } IE8以下的版本代码，是需要CSS与JS共同完成的： 首先定义好两个CSS，代码如下： 代码如下: .tr1{background-color:#fff;} .tr2{background-color:#00ff;} 其实写JS代码，代码如下： 代码如下: onload=function(){ var trs=document.getElementById("tbid").getElementsByTagName("tr");//获取tbid的table中...
代码如下: var iframe = document.createElement("iframe"); iframe.id = "frame-" + index; iframe.src = url; iframe.width = "100%"; iframe.marginwidth = "0"; iframe.scrolling = "no"; iframe.frameborder="0"; 使用IE中“查看选定区域源代码”发现创建的iframe代码是，网上搜了下资料，原来是IE不认小写，我晕死.... 使用 代码如下: setAttribute("frameborder", "0", 0); //问题解决了。 代码如下: var iframe = docu...
代码如下: iframe的onload在Chrome/Opera中执行两次 var ifr = document.createElement('iframe'); ifr.onload = function(){alert(1);}; document.body.insertBefore(ifr,document.body.childNodes[0]); ifr.src = 'http://www.baidu.com'; 解决方法很简单，改下代码顺序即可：创建iframe， 添加到body中，最后添加load事件。所有浏览器下将表现一致。 代码如下: var ifr = document.createElement('iframe'); docume...
今天用chrome提交一个表单时，发现一个奇怪的问题： 代码如下: //提交表单 document.frmOrder.action = http://www.abc.com/d.aspx; document.frmOrder.method = POST; document.frmOrder.target = _blank; document.frmOrder.submit(); 第一次提交可以，第二次提交就没有任何响应了。需要重新加载页面后才可以提交，而这个问题在Firefox,IE下没有出现。 马上Google了一下发现这是webkit内核浏览器的共有特性，这样做是为了防止表...
特别是input[text]和textarea，并且在textarea右下角还有一个可用鼠标拖动该表textarea大小的功能，如下图所示： input[text]：textarea：有的时候黄色边框很影响页面效果，并且textarea拖动改变大小之后直接影响布局，所以为了不使这些多余的功能和效果影响页面，可以使用一下几句CSS清除掉chrome浏览器的默认效果，代码如下： 取消表单项聚焦时产生的黄色边框： 代码如下: input,button,select,textarea{outline:none} 取消tex...
代码如下: /** * window.onresize 事件 专用事件绑定器 v0.1 Alucelx * http://www.cnblogs.com/Alucelx/archive/2011/10/20/2219263.html * * 用于解决 lte ie8 & chrome 及其他可能会出现的 原生 window.resize 事件多次执行的 BUG. * * * add: 添加事件句柄 * remove: 删除事件句柄 * */ var onWindowResize = function(){ //事件队列 var queue = [], indexOf = Array.prototype.indexOf || function(){ var i = 0, length...
在上一篇文章： 觉得猪八戒网左下角的文字滚动，效果不错，自己摸索了一下，以自己的方法实现了！ 就有这种效果，不过影响不大。Demo的影响就大了！ 网上也有人出现过这样的问题看下面的帖子地址： firefox 6下 setInterval的一个问题 讨论的人很多，但没给出答案来。 怎么想都想不明白！ 今天，突然茅塞顿开，可能是线程的概念，但是具体原因还是不明白，希望有人了解其原应告知，非常感激！ Demo 中黑色的Div是不受浏览器标签切换...
在编写处理xml的网页时，经常为浏览器兼容性头疼。于是我将常用的xml操作封装为函数。经过一段时间的改进，现在已经很稳定了，用起来很舒服。 函数有—— xml_loadFile：xml同步/异步加载。 xml_transformNode：xsl转换。 xml_text：节点的文本。 selectSingleNode：根据XPath选择单个节点。 selectNodes：根据XPath选择多个节点。 全部代码（zyllibjs_xml.js）—— 代码如下: /* zyllibjs_xml XML处理 @author zyl910 注...
下面看一下chrome/15实现的一些数组方法 --------------------------------------------------------------------------------------------- concat:这个好说，唯一需要注意的就是concat不是就地修改的，是指返回链接后的结果，另外一点是指回展开第一层数组 join:连接数组 pop:出栈操作，注意这个也是就地修改原数组 push: 入栈操作，注意这个也是就地修改原数组 reverse: 倒序数组，注意这个也是就地修改原数组 shift: 出队操作，...
接着在各个浏览器中测试，发现Firefox/Chrome/Safari中有，IE9/Opera没有。 $ 相当于 document.getElementById $$ 相当于 document.querySelectorAll 在chrome控制台敲$,$$一目了然 这两个函数都是浏览器调试工具自带的。
首先创建html页面为sort.html ，并把下面的内容复制进去 代码如下: 无标题文档 .desc span{ display:none;} .asc em{ display:none;} ID|- name|- 1 开心 3 开饭 5 开放 ID|- name|- 1 开心 3 开饭 5 开放 新建脚本页 sort.js 代码如下: /* 表格排序功能 事件：2012 7 24 DOM 节点 如果表格需要排序 在表格属性中添加 sort="true" 并且 id是唯一并且是必须的 此js文件直接引入即可 因为...
网上苦找2小时，全是不能兼容FF的，看来这种东西网上是搞不到现成的了，只能自己动手丰衣足食 现在发布出来，今后网上就有现成的供人使用了。 为了省事，少量位置用了jquery 改原生JS也很方便，谁需要就请自己修改了。 欢迎各位路过高人拍板，欢迎各位留言提供改进代码。 又改进 兼容了Chrome 下面的代码已修改成最新版 上源码了 代码如下: js获取div编辑框，textarea，input text的光标位置，兼容FF和IE //去除左右所有空格 ...
遇到个需要获得图片的长宽的问题。在IE、FireFox下均正常，就TMD在Chrome中不行，网上非有人说可以，然后还归结为是不是Chrome版本问题。 终于的终于，找到了答案。 在大多数情况下,把js代码放到图片标签的后面： 代码如下: alert(document.getElementById("test").width; 这样是可以得到图片的宽度的，但是在Chrome下就是不行。 甚至在jquery中： $(document).ready(function(){ alert(document.getElementById("test").wid...
window.close（），一看就知道是用来关闭浏览器窗口的方法。W3CSchool对该方法的解释如下：方法 close() 将关闭有 window 指定的顶层浏览器窗口。某个窗口可以通过调用 self.close() 或只调用 close() 来关闭其自身。只有通过 JavaScript 代码打开的窗口才能够由 JavaScript 代码关闭。这阻止了恶意的脚本终止用户的浏览器。在IE中，window.close()能生效，在生效的时候，会弹出提示框，询问你是否关闭该窗口，如图：点击“是”，可...