>  기사  >  웹 프론트엔드  >  JS 호환 browser_javascript 기술을 사용하여 Excel(CSV) 파일을 내보내는 방법

JS 호환 browser_javascript 기술을 사용하여 Excel(CSV) 파일을 내보내는 방법

WBOY
WBOY원래의
2016-05-16 16:50:071223검색

JS에서 Excel 파일로 테이블을 내보내는 일반적인 방법은 ActiveXObject("Excel.Application")를 호출하는 것이지만 이 방법에는 제한이 있어 IE 시리즈 이하의 브라우저에서만 구현할 수 있으며 호환성은 다음과 같습니다. 이상적이지 않습니다.

테스트 후 이 기사에서 권장하는 방법을 사용하면 호환성이 좋은 Excel 파일로 테이블 내용을 내보낼 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var str = "블로그, 도메인 이름 nBlog , 2njb51.net , 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);


이 방법은 Google/Firefox 시리즈 브라우저에서 사용됩니다. 좋습니다. 하지만 IE에서는 href에 지정된 값이 너무 많은 바이트를 가지기 때문에 "시스템 호출에 전달된 데이터 영역이 너무 작습니다"라는 오류 메시지가 표시됩니다.

그래서 IE 브라우저의 경우 ActiveXObject를 사용하여 판단해야 합니다.

이런 방식으로 Javascript를 사용하여 HTML 콘텐츠를 Excel 파일로 내보낼 수 있습니다.

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.