如何使用js实现页面下载功能
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用js实现页面下载功能相关的知识,希望对你有一定的参考价值。
如何使用js代码实现,在网页上使用一个按钮,点击按钮后下载网页 ,效果相当于在网页上右键网页另存为,js代码怎样实现
参考技术A function saveCode(obj)var winname = window.open('', '_blank', 'top=10000');
winname.document.open('text/html', 'replace');
winname.document.write(obj.value);
winname.document.execCommand('saveas','','test.htm');
winname.close();
参考技术B 在按钮上写属性onclick="函数名()",作用是绑定click事件如然后在脚本处写上对应的函数即可,在函数中跳转到相应的文件路径就行。如function Click() window.location.href="文件的url地址"; 参考技术C 因为网页加载顺序是按照代码从上到下的,要优先加载js文件,尽可能的将js置于头部,即之间如果你实在 参考技术D 使用JS实现文件下载示例(asp.net),参考如下:文件下载//使用JS实现下载.jpg 第5个回答 2017-07-06 jswindow.open()和location.hrefc#的MessageBox.Show
js插件实现一键复制功能
clipboard.js 可以实现纯 JS 的从浏览器复制文本到系统剪贴板的功能。
使用方法:
1. 下载 clipboard.js,并在页面中引入该插件。clipboard.js 下载地址: https://github.com/zenorocha/clipboard.js
<script src="/lib/js/clipbaord.js"></script>
2. 需要复制的目标文本
<span id="tar_text" >我是一段需要被复制的文本</span>
3. 复制按钮(注:此处需要给触发复制时间的按钮添加两个属性,data-clipboard-action 及 data-clipboard-target,data-clipboard-target的属性值为目标文本的 id 值)
<button id="copy" data-clipboard-action="copy" data-clipboard-target="#tar_text">Copy My Invitation Address</button>
4. 实例化 Clipboard 对象
var clipboard = new Clipboard(‘#copy‘);
clipboard.on(‘success‘, function (e) {
alert("复制成功!");
});
clipboard.on(‘error‘, function (e) {
alert("对不起,您的浏览器暂不支持一键复制功能!");
});
以上是关于如何使用js实现页面下载功能的主要内容,如果未能解决你的问题,请参考以下文章