个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
24
4
我使用 Google Apps 脚本创建了一个简单的 Html 文件并将其部署为网络应用程序。虽然我在同一页面上添加了指向某些元素的链接，但它不会跳转到指定的元素并返回空白页面。
这是 html 的片段。
<ul>
<li><a href ="#april">April</a></li>
<li><a href ="#may">May</a></li>
<li><a href ="#june">June</a></li>
</ul>
.
.
.
<a id="april">2019/04</a>
.
.
.
<a id="may">2019/05</a>
.
.
.
<a id="june">2019/06</a>
.
.
.
当我点击这些元素时，它会重定向到另一个像这样的 URL。
https://{scriptid}-script.googleusercontent.com/userCodeAppPanel#id
我尝试访问 {url}+{#id}，它给了我相同的页面。所以 id 属性似乎不起作用，但我不知道要修复什么。我在这里做错了什么？
编辑到目前为止，这是我尝试过的。 https://script.google.com/macros/s/AKfycbyW5FRfQP3CpOU0brJEeeSgR6xypQ57jAjDs5KfQFYRmYIaaBs/exec
gs文件
function doGet() {
return HtmlService.createTemplateFromFile('index').evaluate();
}
html文件
<!DOCTYPE html>
<html>
<head>
<base target="_top">
1
<br>
2
<br>
3
<br>
4
<br>
5
<br>
<a name="top">Top</a>
</head>
<body>
<br><br><br><br><br>
<a href="#top">Goto Top(blank page)</a>
<br>
<a href="https://script.google.com/macros/s/AKfycbyW5FRfQP3CpOU0brJEeeSgR6xypQ57jAjDs5KfQFYRmYIaaBs/exec#top">Goto Top(just reload)</a>
</body>
</html>
最佳答案
以下函数在 Google 应用程序脚本网络应用程序中对我来说工作正常。尝试将 base 设置为 _self 或留空:
<!DOCTYPE html>
<html lang="en">
<head>
<base />
<meta charset="UTF-8" />
<title>#top Demo</title>
</head>
<body>
<div>
<ul id="navigation">
<li>
<a href="#bottom">Click here to go to the bottom</a>
Lorum ipsum1
</li>
<li>
<a href="#middle">Click here to go to the middle</a>
Lorum ipsum2
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum3
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum4
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum5
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum6
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum7
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum8
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum9
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum10
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum11
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum12
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum13
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum14
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum15
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum16
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum17
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum18
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum19
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum20
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum21
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum22
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum23
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum24
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum25
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum26
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum27
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum28
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum29
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum30
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum31
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum32
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum33
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum34
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum35
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum36
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum37
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum38
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum39
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum40
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum41
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum42
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum43
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum44
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum45
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum46
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum47
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum48
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum49
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum50
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum51
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum52
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum53
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum54
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum55
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum56
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum57
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum58
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum59
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum60
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum61
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum62
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum63
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum64
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum65
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum66
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum67
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum68
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum69
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum70
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum71
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum72
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum73
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum74
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum75
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum76
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum77
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum78
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum79
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum80
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum81
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum82
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum83
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum84
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum85
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum86
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum87
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum88
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum89
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum90
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum91
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum92
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum93
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum94
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum95
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum96
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum97
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum98
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum99
</li>
<li>
<a id="middle" href="#top">Click here to go top</a>
Lorum ipsum100
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum101
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum102
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum103
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum104
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum105
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum106
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum107
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum108
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum109
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum110
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum111
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum112
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum113
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum114
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum115
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum116
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum117
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum118
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum119
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum120
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum121
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum122
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum123
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum124
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum125
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum126
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum127
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum128
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum129
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum130
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum131
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum132
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum133
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum134
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum135
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum136
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum137
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum138
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum139
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum140
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum141
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum142
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum143
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum144
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum145
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum146
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum147
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum148
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum149
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum150
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum151
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum152
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum153
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum154
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum155
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum156
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum157
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum158
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum159
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum160
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum161
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum162
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum163
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum164
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum165
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum166
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum167
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum168
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum169
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum170
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum171
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum172
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum173
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum174
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum175
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum176
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum177
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum178
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum179
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum180
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum181
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum182
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum183
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum184
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum185
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum186
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum187
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum188
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum189
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum190
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum191
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum192
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum193
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum194
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum195
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum196
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum197
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum198
</li>
<li>
<a href="#top">Click here to go top</a>
Lorum ipsum199
</li>
<li>
<a id="bottom" href="#top">Click here to go top</a>
Lorum ipsum200
</li>
</ul>
</div>
</body>
</html>关于html - 跳转到 GAS html 中的元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57584722/
24
4
0
在开发中的网页上，我在 IE 上遇到此错误 element = $(element); 此代码位于prototype.js 预期对象 如何消除此错误。 更新: 现场也使用了 jQuery。 最佳答
我有两个大小相同的嵌套数组: Array1 =[[1, 2], [], [2, 3]] Array2= [[1, 4], [8, 11], [3, 6]] 我需要将它们合并到一个数组中，如下所示: A
我有一些 jQuery 代码，当单击具有特定 ID 的项目时运行。当 ID 是 的一部分时，它就可以工作。元素，但当它位于 中时则不然元素。为什么会这样呢？我想使用 an，因为如果用户关闭了 Ja
Flex-box 规范 3声明 flex 元素不是 block 容器: A flex item establishes a new formatting context for its content
我遇到了一个意想不到的问题。 HTML JS $(function() { var $divs = $('.myDiv'); // create new div not in
我使用 Bootstrap 和 Ember.js 得到了一个无序列表。每个列表项都是一个显示新帖子的链接，每当您单击该链接时，Ember 都会添加类 active默认情况下。我正在使用 Bootstr
我正在尝试让一个函数正常工作，但运气不佳，所以我想向 Stackoverflow 智囊团提出一个新手问题! 基本上，我有一个表单，并且循环遍历所有元素以查看是否存在自定义数据属性。如果存在，则保持该元
我想映射一个可选数组，删除那些 nil 值，并使用另一个函数映射非 nil 值。 我知道我可以通过使用 compactMap 然后使用常规 map 来实现这一点，但我只想遍历数组一次。 我为此实现了一
我如何定位 li 元素，除非它们出现在 之后元素？换句话说，我想针对步骤而不是注释。 我尝试向 OL 添加一个我想从选择中排除的类，但我想出的代码不起作用。 (顺便说一句，重构 html 不是一种选
Warning 1 The element 'system.webServer' has invalid child element 'rewrite'. List of possible eleme
我正在尝试编写一个脚本，该脚本将遍历 HTML 源并创建 DOM 的 JSON 文件，然后使用 d3.js 在 TreeView 中显示该文件。我遇到的问题是不仅希望显示元素(TITLE、P、LI 等
我有以下 HTML 表单:- Option 1 Option 2
我试图在选定的 HTML 元素之后选择下一个具有类名 slider-value 的 span 元素。我尝试了多种解决方案，但没有一个有效。 我可以通过 id 选择它，但我不希望那样做使代码冗余。 $(
如果电子邮件地址无效，我想在屏幕上显示一条消息“请输入有效的电子邮件地址”。 body 元素的innerHTML 语句工作正常，但我用于p 元素的innerHTML 语句不起作用。 有一次，当我测试它
以下 jQuery 代码调用 ul 元素，查找元素内的前 三个 li 列表项，并隐藏剩余的 li 项目。然后，它附加一个 li 元素，其中显示“显示更多...”，并且在单击时显示之前隐藏的列表项。 (
我问了a question早些时候关于将编辑/删除链接与 h1 元素内联的最佳方法。我能够通过给出的答案实现这一点，但我现在有额外的要求，我需要在 h1 下方显示一个段落并编辑/删除链接。 到目前为止
我使用 MVC 4 和 knockout.js 库版本 2.1.0 显示从服务器检索到的大量文件的表中的以下摘录。 0)"> 正在正确检索数据，
我创建了一个脚本，该脚本在鼠标悬停在父容器上时激活，并且应该将其子元素移离鼠标。我目前已经让它工作了，但是代码的某些部分似乎与 REACT 代码应该是什么样子相矛盾。特别是两个部分。 我在渲染函数中使
我是 JS 新手，正在尝试理解项目 https://github.com/tastejs/todomvc 的代码 请参阅屏幕截图，我尝试对 button X 以及其父元素 div 设置断点，但在这两种
例如，假设有一个带有奇特颜色的标记: Something written here 使用 Visual Studio 2017 和 MVC 5 元素，有没有办法检查和定位当前应用了哪些样式，以及负责它
我是一名优秀的程序员,十分优秀！