JS实现保存当前网页HTML到本地(Chrom Firefox)详解编程语言

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>网页HTML存本地</title> 
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> 
</head> 
<body> 
<a href="#">保存文件</a> 
<script> 
function fake_click(obj) { 
    var ev = document.createEvent("MouseEvents"); 
    ev.initMouseEvent( 
        "click", true, false, window, 0, 0, 0, 0, 0 
        , false, false, false, false, 0, null 
        ); 
    obj.dispatchEvent(ev); 
} 
  
function export_raw(name, data) { 
   var urlObject = window.URL || window.webkitURL || window; 
  
   var export_blob = new Blob([data]); 
  
   var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a") 
   save_link.href = urlObject.createObjectURL(export_blob); 
   save_link.download = name; 
   fake_click(save_link); 
} 
var test=document.getElementsByTagName('html')[0].outerHTML; 
console.log(test); 
$('a').click(function() { 
export_raw('test.html', test); 
}); 
</script> 
</body> 
</html>

原创文章,作者:Maggie-Hunter,如若转载,请注明出处:https://blog.ytso.com/8737.html

(0)
上一篇 2021年7月18日
下一篇 2021年7月18日

相关推荐

发表回复

登录后才能评论