大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
js是客户端解释型脚本语言,依赖于浏览器,为了客户端安全,不能操作客户端电脑资源的,所以下载服务端的文件,直接html链接指向那个文件就可以的,具体保存到哪里,不同浏览器的处理会不一样,IE下载后会弹出保存对话框,chrome会直接保存到默认下载目录。
成都创新互联主要从事成都做网站、网站建设、网页设计、企业做网站、公司建网站等业务。立足成都服务梁平,10多年网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220
最近看到好几个人问这问题了,其实要实现并不难,而且还是跨浏览器的,但并不完美。
IE 是通过 ActiveXObject,前提是浏览者的安全设置中允许此项且同意使用。
Firefox/Chrome/Safari/Opera 是通过 a 元素的 href 属性,加上 base64 数据来实现(data URI)。
下面的代码在 IE 6-9,Firefox 19,Chrome 26,Safari 5.0.5,Opera 12.15 测试通过。
【注意】base64 函数和完整代码在空间:hi.baidu.com/keneks/item/a8b10b04fd862f016c904813
script type="text/javascript"
/* var Base64 = {}; */
window.onload = function() {
var save = document.getElementById("save");
// IE
if(/msie/i.test(navigator.userAgent)) {
save.onclick = function() {
var path = prompt("输入保存路径和文件名", "C:\\test.txt");
var content = document.getElementById("content").value;
content = content.replace(/\n/g, "\r\n");
var fso = new ActiveXObject("Scripting.FileSystemObject");
var s = fso.CreateTextFile(path, true);
s.WriteLine(content);
s.Close();
};
}
// Firefox/Chrome/Safari/Opera
else {
// 鼠标经过 a 的时候就开始 base64 编码
save.onmouseover = function() {
var content = document.getElementById("content").value;
this.setAttribute("href",
"data:application/octet-stream;base64,"
+ Base64.encode(content));
};
}
};
/script
就是把JavaScript代码单独保存为一个独立的文件(通常用.js作为扩展名),然后在html文档中调用这个文件,而不是直接把JavaScript代码写入html文档中。
2种形式:
第一种:
script
function SaveAs5(imgURL)
{
var oPop = window.open(imgURL,"","width=1, height=1, top=5000, left=5000");
for(; oPop.document.readyState != "complete"; )
{
if (oPop.document.readyState == "complete")break;
}
oPop.document.execCommand("SaveAs");
oPop.close();
}
/script
img src="t_screenshot_17616.jpg" id="DemoImg" border="0" onclick="SaveAs5(this.src)"
第二种:
script
function SaveAs5(imgURL)
{
var oPop = window.open(imgURL,"","width=1, height=1, top=5000, left=5000");
for(; oPop.document.readyState != "complete"; )
{
if (oPop.document.readyState == "complete")break;
}
oPop.document.execCommand("SaveAs");
oPop.close();
}
/script
img src="../t_screenshot_17616.jpg" id="DemoImg" border="0"
a href="#" onclick="SaveAs5(document.getElementById('DemoImg').src)" 点击这里下载图片 /a
javascript文件是网页Java Script客户端脚本文件,独立的js文件可以被调用。 打开方法如下: 1、直接用记事本来打开。 2、右键要查看的js文件--打开方式--选择默认程序。 3、选择记事本。 4、双击打开即可。 5、编辑之后保存即可。