site.google中HTML下拉菜单跳转页面的value字段填写方法

你的代码核心逻辑是读取选中项的value作为跳转地址传给window.location，所以value字段直接填写对应跳转目标的路径即可，根据跳转目标类型分四种填写方式：

• 跳转到同站点其他独立页面：填写目标页面发布后的相对路径，不需要加#前缀。比如Page1发布后的地址是https://你的Google Sites域名/p/page1.html，对应value就填/p/page1.html。
• 页内锚点跳转（不换页，仅滚动到当前页指定位置）：填写#加对应区块的锚点ID，比如Page2选项要跳转到当前页id为feature的区块，value就填#feature。
• 跳转到其他站点页面：填写带https://前缀的完整绝对地址即可。
• 跳转到其他页面的指定锚点：填「目标页面相对路径 + # + 锚点ID」，比如要跳转到Page3的summary区块，value就填/p/page3.html#summary。

修正后可直接使用的示例代码 #

<!DOCTYPE html>
<html>
<body>

<form>
<select name="list" id="list" accesskey="target">
<option value='none' selected>Choose a theme</option>
<option value="/p/page1.html">Page 1</option>
<option value="#section2">当前页第二区块</option>
<option value="/p/page3.html#summary">Page 3 摘要区块</option>
</select>
<input type=button value="Go" onclick="goToNewPage()" />
</form>


<script type="text/javascript">
function goToNewPage()
{
   var url = document.getElementById('list').value;
   if(url != 'none') {
       window.location = url;
   }
}
</script>

</body>
</html>

注意：Google Sites嵌入自定义代码前，需要先将所有目标页面发布、锚点设置完成，再复制对应路径填入value，未发布的页面路径无法正常触发跳转。

内容的提问来源于stack exchange，提问作者Mohamed Osman