时间戳

首页 > 解决方案 > 嵌入在网页中的 Google 表格

html - 嵌入在网页中的 Google 表格

问题描述

我的网页中嵌入了一个 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&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;">

标签： htmlgoogle-sheetsembeddreamweaver

解决方案

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

从这里回答

<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>

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

推荐阅读