在函数 Tabletop 中使用局部变量答案

【问题标题】：Using local variable inside a function Tabletop在函数 Tabletop 中使用局部变量
【发布时间】：2020-09-19 02:02:56
【问题描述】：

我目前正在使用 Tabletop 为我的 blogspot 制作一个类似于数据库的电子表格

<html>
<body>
<p id="demo"></p>
<script src='https://cdnjs.cloudflare.com/ajax/libs/tabletop.js/1.5.1/tabletop.min.js'></script>
<script type='text/javascript'>    
  
  var publicSpreadsheetUrl = '1ZXZVfon9ywNelbVEchOu9HQbSLZJRE-x6G2xOFPA-lA';
  
  function init() {
    Tabletop.init( { key: publicSpreadsheetUrl,
                     callback: showInfo,
                     simpleSheet: true } )
  }

  function showInfo(data, tabletop) {
    alert('Successfully processed!' + data.length + 'rows!')
    // console.log(data);
    var str = JSON.stringify(data);
    document.getElementById("demo").innerHTML = str;
  }

  document.write("Document <a target='_new' href='" + publicSpreadsheetUrl + "'>Here</a>");
  window.addEventListener('DOMContentLoaded', init)
</script>
   
</body>
</html>
[enter image description here][1]

如何使用局部变量，这样我就可以在函数外打印，像这样

function showInfo(data, tabletop) {
    alert('Successfully processed!' + data.length + 'rows!')
    // console.log(data);
    var str = JSON.stringify(data); 
  }
  document.getElementById("demo").innerHTML = str;
  document.write("Document <a target='_new' href='" + publicSpreadsheetUrl + "'>Here</a>");
  window.addEventListener('DOMContentLoaded', init)
</script>

【问题讨论】：

标签： javascript html function local-variables tabletop.js

【解决方案1】：

完整链接 https://docs.google.com/spreadsheets/d/1ZXZVfon9ywNelbVEchOu9HQbSLZJRE-x6G2xOFPA-lA/pubhtml

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/tabletop.js/1.5.1/tabletop.min.js'></script>

<p id="demo"></p>


<script type='text/javascript'>    
  
  var publicSpreadsheetUrl = 'https://docs.google.com/spreadsheets/d/1ZXZVfon9ywNelbVEchOu9HQbSLZJRE-x6G2xOFPA-lA/pubhtml';
  
  function init() {
    Tabletop.init( { key: publicSpreadsheetUrl,
                     callback: showInfo,
                     simpleSheet: true } )
  }

  function showInfo(data, tabletop) {
    
    var str = JSON.stringify(data);
    document.getElementById("demo").innerHTML = str;
  }

  document.write("Document <a target='_new' href='" + publicSpreadsheetUrl + "'>Here</a>");
  window.addEventListener('DOMContentLoaded', init)
</script>
   
</body>
</html>

【讨论】：

不要只发布代码。说明问题是什么，以及您是如何解决的。
我解释了，完整链接不只是 id
我认为这是一个代码链接。使用完整的句子会让你的意图更清晰。
我英文很弱——我不是说解释中的缩写