【发布时间】: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&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&headers=false"></iframe>
<div id="result" style="clear:both;">
【问题讨论】:
-
问:您究竟是如何将 Google 表格“嵌入”到您的网页中的?你能给我们看一些代码吗?为了给你一个“更好的答案”,了解这一点很重要。
-
我已经用我正在使用的代码更新了我的帖子
标签: html google-sheets embed dreamweaver