嵌入在网页中的 Google 表格答案

【问题标题】：Google Sheets embedded in web page嵌入在网页中的 Google 表格
【发布时间】：2019-07-25 07:02:48
【问题描述】：

我的网页中嵌入了一个 Google 表格，并且希望能够单击同一页面上的链接并将其更改为另一个电子表格。例如：

链接 1（加载 Google 表格 1）
链接 2（加载 Google 工作表 2）
链接 3（加载 Google 表格 3）

当我点击链接 1 时，电子表格会在我的网页中正常显示。我现在想单击链接 2，从链接 1 中清除 Google 表格 1，然后在页面的同一位置加载 Google 表格 2。点击链接 3 后，将加载 Google 表格 3。

有什么想法可以解决这个问题吗？

    $(document).ready(function(){
       $("#HD").click(function(){
        $('#result').load('https://docs.google.com/spreadsheets/d/e/2PACX-1vQzTUQh0_LJWxHRYiSeOpw1Qy5-TJ3mKPQVVC3kQzGh-6ZlCO0ujbRDH1jVowBYXP06x-3trgRji8Bc/pubhtml?widget=true&amp;headers=false');

       }); 
<div class="row">
        <section class="6u">
        <ul class="default">
        <li><a id=HD href="#">Military Headstone Application</a></li>
</ul>

<div class="row">
  <section class="6u">
    <ul class="default">
      <iframe width=1400 height=900 src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQzTUQh0_LJWxHRYiSeOpw1Qy5-TJ3mKPQVVC3kQzGh-6ZlCO0ujbRDH1jVowBYXP06x-3trgRji8Bc/pubhtml?widget=true&amp;headers=false"></iframe>
        <div id="result" style="clear:both;">

【问题讨论】：

问：您究竟是如何将 Google 表格“嵌入”到您的网页中的？你能给我们看一些代码吗？为了给你一个“更好的答案”，了解这一点很重要。
我已经用我正在使用的代码更新了我的帖子

标签： html google-sheets embed dreamweaver

【解决方案1】：

试试这个...它只使用 HTML。

here的回答

<html>
<p>Click on links bellow to change iframe content:</p>
<a href="https://docs.google.com/spreadsheets/d/e/2PACX-1vQzTUQh0_LJWxHRYiSeOpw1Qy5-TJ3mKPQVVC3kQzGh-6ZlCO0ujbRDH1jVowBYXP06x-3trgRji8Bc/pubhtml?widget=true&amp;headers=false" target="sheets_embed">Link 1</a> -
<a href="https://bing.com" target="sheets_embed">Link 2</a> -
<a href="https://en.wikipedia.org" target="sheets_embed">Link 3</a>

<iframe src="https://docs.google.com/spreadsheets/d/e/2PACX-1vQzTUQh0_LJWxHRYiSeOpw1Qy5-TJ3mKPQVVC3kQzGh-6ZlCO0ujbRDH1jVowBYXP06x-3trgRji8Bc/pubhtml?widget=true&amp;headers=false" width="100%" height="100%" name="sheets_embed"></iframe>
</html>

用不同的电子表格替换链接

【讨论】：