Google Sites个人网页中嵌入式JavaScript Alert无法弹出问题求助

问题原因 #

Google Sites（新版）出于安全考量，会禁止内联JavaScript（也就是直接写在HTML元素属性里的onClick这类代码），这就是你的代码在W3school编辑器能运行，但在Google Sites里失效的核心原因。

解决方案 #

把JavaScript逻辑从内联属性中剥离，改用事件监听的方式实现，修改后的代码如下：

<form xmlns="myform">
  <input id="HelloWorld" type="button" value="HelloWorld"/>
</form>
<script>
document.getElementById('HelloWorld').addEventListener('click', function() {
  alert('Hi');
});
</script>

操作步骤 #

1. 在Google Sites编辑页面中，添加「嵌入」组件；
2. 选择「自定义HTML」选项；
3. 将上面修改后的代码粘贴进去，保存后刷新页面测试。

补充说明 #

如果还是无法正常触发弹窗，检查是否有其他Google Sites的安全设置限制了脚本执行，另外确认你使用的是新版Google Sites（旧版限制逻辑不同，但目前新版是主流）。

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