JS技巧:兼容性导出表格为Excel文件
项目中经常需要导出Excel文件,不在服务器端处理而是富客户端采用Javascript脚本处理数据并导出文件。
Js导出表格为Excel文件
的常见一种办法是调用:ActiveXObject("Excel.Application") ,但是这种方法有局限性,只能在IE系列下的浏览器里实现,兼容性方面不理想。
经测试,采用本文推荐的方法能兼容性较好的导出表格内容到Excel文件。
var str = "博客, 域名\nBlog, 2\nSjolzy.cn, 3";var uri = 'data:text/csv;charset=utf-8,' + str;
var downloadLink = document.createElement("a");
downloadLink.href = uri;
downloadLink.download = "export.csv";
document.body.appendChild(downloadLink);
downloadLink.click();
document.body.removeChild(downloadLink);
2013-02-04 20:06:56阅读全文>>>
Magento积分插件和一步支付插件互不兼容js报错解决办法
Magento的Magento AW_Points用户积分插件破解|积分插件使用问题 和 Magento - OneStepCheckout一步支付插件破解 这两个插件如果同时使用的话在结账页面有js问题及其它,致使选择支付方式不弹出详细信息以及review order更新失效等情况。
不管你的Magento插件
一步支付和用户积分
是不是从我这边够买的,只要是同时使用就会有这问题。
之前就有客户多次反映,未能很好解决,现在问题终于完全搞定。
请同时购买过并在使用的客户自行下载附件进行覆盖(原文件请备份)。
文件:点击下载
文件覆盖路径为:/app/design/frontend/default/default/template/aw_points/checkout
2011-11-29 21:35:57阅读全文>>>
JS限制浏览器的最小宽高
通过js限制浏览器的最小宽度和高度的小代码。。
<script type="text/javascript">var lch = 300, lcw = 400;
window.moveTo(0, 0);
//window.resizeTo(800, 600);
window.onresize = new Function("if(document.documentElement.clientHeight<lch||document.documentElement.clientWidth<lcw){window.resizeTo(800, 600);}");
</script>
2011-06-03 15:59:41阅读全文>>>
EmEditor删除js,php等//注释的正则
一枚很方便的把//这种注释方法的注释替换掉的正则表达式,js注释、php注释等。
2011-04-15 09:11:15阅读全文>>>
js利用google翻译接口把网页翻译成各国语言
<a href="javascript: void(window.open('?u='+escape(location.href)+'&langpair=en%7Cde', 'English_to_German', 'resizable,scrollbars,status'))">网页翻译为德语(Translate Page To German)</a>
<a href="javascript: void(window.open('?u='+escape(location.href)+'&langpair=en%7Ces', 'English_to_Spanish', 'resizable,scrollbars,status'))">网页翻译为西班牙语(Translate Page To Spanish)</a>
2011-04-13 16:09:36阅读全文>>>
碰到需要加载多个Js文件的情况,使用选择性的动态加载Js ,可以提高页面显示的速度和效率。
下 面介绍三种异步执行加载Js 脚本的方法。
1、直接document.write
<script language="javascript">
document.write("<script src='test.js'><\/script>");
</script>
2、动态改变已有script的src 属性
<script src='' id="s1"></script>
<script language="javascript">
2010-11-10 17:23:14阅读全文>>>
今天又一个网站被黑,共享其中的js
日, 土耳其的黑客, 老是爱干这种事。。
页面的Js挺好玩的, 在这分享
<Demo >
2010-11-10 10:56:58阅读全文>>>
Js - 动态创建Iframe{兼容IE/Firefox/...}
这个主要是在做Ajax无刷新上传的时候用了。
其实也可以直接写Iframe在Html上,但考虑到会不简洁,怕误删等其他操作造成 错误,就用这个动态创建的。
狗狗了一下找到下面一段代码:
var objBody = document.getElementsByTagName("body").item(0);var iframe = document.createElement('iframe');
iframe.id = 'fileUploaderEmptyHole';
iframe.name = 'fileUploaderEmptyHole';
iframe.width = 0;
iframe.height = 0;
iframe.marginHeight = 0;
iframe.marginWidth = 0;
objBody.insertBefore(iframe, objBody.firstChild);
这 段代码在Firefox运行正常,但在Ie下不行。会在新弹出的窗口中打开。
调试了一下,发现在IE里是iframe.name =
2010-11-08 15:54:33阅读全文>>>
js - DOM编程核心
DOM Core常用部分:
DOM方法
创建节点:createElement(),createTextNode()
复 制节点:cloneNode()
插入节点:appendChild(),insertBefore
删除节点:removeChild()
替 换节点:replaceChild()
查找节 点:getAttribute(),getElementById(),getElementsByTagName,hasChildNodes
设 置节点属性:setAttribute()
DOM属性
节点的属 性:nodeName,nodeType,nodeValue
遍历节点 树:childNodes,firstChild,lastChild,nextSibling,parentNode,previousSibling
下 面给出这部分的简要用法,做个索引似帮助文档
1.document.createElement("节点名"):新建一个节点
2.document.createTextNode(" 文本内容"):
2010-11-03 17:13:49阅读全文>>>
js - 刷新框架及页面的方法总结
看一个简单的例子:
下面以三个页面分别命名为frame.html 、top.html 、bottom.html 为例来具体说明如何做。