可以'我似乎无法让这个jsfiddle在本地工作.
Can't seem to get this jsfiddle to work locally...?
这个jsfiddle对我来说似乎很好，但当我尝试复制它时，它不起作用，当我按下按钮时，什么都没发生？
http://jsfiddle.net/KPEGU/1850/
这是我的代码：
<html>
<head>
<title>test</title>
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<style type='text/css'>
a.export, a.export:visited {
text-decoration: none;
color:#000;
background-color:#ddd;
border: 1px solid #ccc;
padding:8px;
}
</style>
<script type='text/javascript'>//<![CDATA[
$(window).load(function(){
$(document).ready(function () {
function exportTableToCSV($table, filename) {
// Temporary delimiter characters unlikely to be typed by keyboard
// This is to avoid accidentally splitting the actual contents
tmpColDelim = String.fromCharCode(11), // vertical tab character
tmpRowDelim = String.fromCharCode(0), // null character
// actual delimiter characters for CSV
colDelim = '","',
rowDelim = '"'r'n"';
// Grab text from table into CSV formatted
var temp ="";
var d =document.getElementById("myTable");
var tmpColDelim = String.fromCharCode(11), // vertical tab character
tmpRowDelim = String.fromCharCode(0);
debugger;
var numofRows =d.rows.length;
for (var i = 0; i < numofRows; i++) {
var row = "";
for (var j = 0; j < d.rows[i].cells.length; j++) {
row = row + tmpColDelim + (d.rows[i].cells[j].innerText).replace('"', '""');
}
temp = temp + tmpRowDelim + row;
}
temp = temp.split(tmpRowDelim).join(rowDelim)
.split(tmpColDelim).join(colDelim);
csv = '"' + temp + '"';
debugger;
var newWin = window.open("about:blank","_blank");
var doc =newWin.document;
newWin.document.open("application/csv","replace");
newWin.document.charset="utf-8";
doc.write(csv);
newWin.document.close();
newWin.document.execCommand("SaveAs",true,"data.csv");
newWin.close();
/* // Data URI
var csvData = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);
alert(csvData);
$(this)
.attr({
'download': filename,
'href': csvData,
'target': '_blank'
});*/
}
// This must be a hyperlink
$(".export").on('click', function (event) {
// CSV
exportTableToCSV.apply(this, [$('#dvData>table'), 'data.csv']);
// IF CSV, don't do event.preventDefault() or return false
// We actually need this to be a typical hyperlink
});
});
});//]]>
</script>
</head>
<body>
<hr>
<div id="dvData">
<table id="myTable" class="myClass">
<tr>
<th>Column One</th>
<th>Column Two</th>
<th>Column Three</th>
</tr>
<tr>
<td>row1 Col1</td>
<td>row1 Col2</td>
<td>row1 Col3</td>
</tr>
<tr>
<td>row2 Col1</td>
<td>row2 Col2</td>
<td>row2 Col3</td>
</tr>
<tr>
<td>row3 Col1</td>
<td>row3 Col2</td>
<td>row3 Col3</td>
</tr>
</table>
</div>
<br/>
<a href="#" class="export" onclick="exportTableToCSV()">Export Table data into Excel</a>
<br/>
<br/>
<!-- Notes below -->
<hr>
<p>Notes</p>
<ul>
<li> To write in new document and download the csv format without jQuery </li>
</ul>
</body>
</html>
知道为什么吗？
谢谢！-warfo09
您在代码中使用jquery，但尚未将其包含在头集合中。
添加
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
添加到您的<head>声明中。
注意
这允许谷歌为您托管jquery，而为了方便起见，您可能需要从下载的jquery版本中添加引用。然而，有3个原因为什么你应该让谷歌主机jquery为你
这些是：
- 降低的延迟
- 提高了并行性
- 更好的缓存
代码段
<html>
<head>
<title>test</title>
<link rel="stylesheet" type="text/css" href="/css/result-light.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<style type='text/css'>
a.export,
a.export:visited {
text-decoration: none;
color: #000;
background-color: #ddd;
border: 1px solid #ccc;
padding: 8px;
}
</style>
<script type='text/javascript'>
//<![CDATA[
$(window).load(function() {
$(document).ready(function() {
function exportTableToCSV($table, filename) {
// Temporary delimiter characters unlikely to be typed by keyboard
// This is to avoid accidentally splitting the actual contents
tmpColDelim = String.fromCharCode(11), // vertical tab character
tmpRowDelim = String.fromCharCode(0), // null character
// actual delimiter characters for CSV
colDelim = '","',
rowDelim = '"'r'n"';
// Grab text from table into CSV formatted
var temp = "";
var d = document.getElementById("myTable");
var tmpColDelim = String.fromCharCode(11), // vertical tab character
tmpRowDelim = String.fromCharCode(0);
debugger;
var numofRows = d.rows.length;
for (var i = 0; i < numofRows; i++) {
var row = "";
for (var j = 0; j < d.rows[i].cells.length; j++) {
row = row + tmpColDelim + (d.rows[i].cells[j].innerText).replace('"', '""');
}
temp = temp + tmpRowDelim + row;
}
temp = temp.split(tmpRowDelim).join(rowDelim)
.split(tmpColDelim).join(colDelim);
csv = '"' + temp + '"';
debugger;
var newWin = window.open("about:blank", "_blank");
var doc = newWin.document;
newWin.document.open("application/csv", "replace");
newWin.document.charset = "utf-8";
doc.write(csv);
newWin.document.close();
newWin.document.execCommand("SaveAs", true, "data.csv");
newWin.close();
/* // Data URI
var csvData = 'data:application/csv;charset=utf-8,' + encodeURIComponent(csv);
alert(csvData);
$(this)
.attr({
'download': filename,
'href': csvData,
'target': '_blank'
});*/
}
// This must be a hyperlink
$(".export").on('click', function(event) {
// CSV
exportTableToCSV.apply(this, [$('#dvData>table'), 'data.csv']);
// IF CSV, don't do event.preventDefault() or return false
// We actually need this to be a typical hyperlink
});
});
}); //]]>
</script>
</head>
<body>
<hr>
<div id="dvData">
<table id="myTable" class="myClass">
<tr>
<th>Column One</th>
<th>Column Two</th>
<th>Column Three</th>
</tr>
<tr>
<td>row1 Col1</td>
<td>row1 Col2</td>
<td>row1 Col3</td>
</tr>
<tr>
<td>row2 Col1</td>
<td>row2 Col2</td>
<td>row2 Col3</td>
</tr>
<tr>
<td>row3 Col1</td>
<td>row3 Col2</td>
<td>row3 Col3</td>
</tr>
</table>
</div>
<br/>
<a href="#" class="export" onclick="exportTableToCSV()">Export Table data into Excel</a>
<br/>
<br/>
<!-- Notes below -->
<hr>
<p>Notes</p>
<ul>
<li>To write in new document and download the csv format without jQuery</li>
</ul>
</body>
</html>小提琴
相关文章：
- 代码只能在jsfiddle中工作
- JavaScript获胜't运行，但在jsFiddle中工作
- 为什么jquery悬停在jsfiddle中可以工作，而在我的html布局中却不能
- 我需要把jsFiddle的脚本放到工作中
- 代码在jsfiddle中工作，但在本地服务器中不起作用
- 尝试让AngularJS在JSFiddle中工作
- jQuery和其他从工作的jsfiddle复制到本地env时未运行的JS
- 在JSFiddle上工作，但不在本地工作
- 可以'我似乎无法让这个jsfiddle在本地工作.
- 为什么我的JSFiddle不工作?(放置脚本的位置）
- 正在jsfiddle.net上工作，但不在我的笔记本电脑上
- 为什么jQuery可以在jSfiddle中工作，但不能在站点中工作
- 当我尝试在jsFiddle中暂停并播放时，我的代码可以工作，但它不起作用;我的html页面不起作用
- 我如何才能让我的代码像在jsfiddle中一样工作
- jsFiddle工作，网站JS不工作
- 代码在 jsfiddle 中工作，但在我的网站上不起作用
- jQuery， bootstrap: input.val(） 是未定义的，即使 jsfiddle 工作正常
- 无法让 JSFiddle 工作
- 使用jQuery's toggle(）不会'我不在jsfiddle工作
- jquery弹出在jsFiddle工作，但不是在我的网站
