如何在Google Sites页面实现随机跳转按钮（HTML+JS）

嘿，我刚好折腾过类似的需求，在Google Sites里搞这个随机跳转按钮其实挺简单的，核心就是用它的嵌入代码功能搭配几行JavaScript逻辑就行。下面给你一步步拆解操作：

1. 准备你的跳转代码 #

先写好包含按钮和随机跳转逻辑的HTML+JS代码，你可以直接用下面的模板，把里面的链接换成你自己的就行：

<button id="randomJumpBtn" style="padding: 12px 24px; font-size: 18px; background-color: #4285F4; color: white; border: none; border-radius: 6px; cursor: pointer;">点击随机跳转</button>

<script>
// 把你要跳转的所有链接放到这个数组里，想加多少加多少
const targetLinks = [
  "https://your-first-link.com",
  "https://your-second-link.com",
  "https://your-third-link.com",
  // 继续添加更多链接...
];

// 给按钮绑定点击事件
document.getElementById("randomJumpBtn").addEventListener("click", function() {
  // 生成0到数组长度-1之间的随机整数
  const randomPos = Math.floor(Math.random() * targetLinks.length);
  // 执行跳转：_blank是新标签打开，改成_self就是当前页打开
  window.open(targetLinks[randomPos], "_blank");
});
</script>

2. 把代码嵌入到Google Sites页面 #

接下来就是把这段代码加到你的Google Sites里：

• 打开你的Google Sites页面，点击右上角的编辑按钮进入编辑模式
• 点击顶部导航栏的插入，在下拉菜单里选择嵌入
• 在弹出的嵌入窗口里，切换到嵌入代码标签（别选URL选项）
• 把刚才写好的代码粘贴进去，点击下一步
• 这时候页面上会出现一个嵌入框，你可以拖动调整它的位置，或者拉边框调整大小
• 最后点击页面右上角的发布，刷新页面就能测试按钮功能啦

一些小提示 #

• 如果想自定义按钮样式，直接修改代码里的style属性就行，比如换背景色、字体大小、圆角等等
• 要是希望在当前页面跳转而不是新标签，把代码里的_blank换成_self
• 确保你填的链接都是有效的，Google Sites对合法的外部跳转没有限制

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