我们或多或少都使用过各式各样的富文本编辑器,其中有一个很方便功能,复制一张图片然后粘贴进文本框,这张图片就被上传了,那么这个方便的功能是如何实现的呢? 原理分析 提取操作:复制=>粘贴=>上传 在这个操作过程中,我们需要做的就是:监听粘贴事件=>获取剪贴板里的内容=>发请求上传 为方便理解下文,需要先明白几点: 我们只能上传网页图(在网页上右键图片,然后复制)和截图(截图工具截的图片,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()能生效,在生效的时候,会弹出提示框,询问你是否关闭该窗口,如图:点击“是”,可...