javascript - 用符合内容安全策略的代码替换多个内联按钮的 onclick 事件处理程序

Question

我是内容安全政策的新手。我最近在我的网络应用程序中启用了它:我有一个 JSP，其中我有多个按钮，每个按钮都有不同的操作，我正在使用 JS 的 onClick 事件处理不同的按钮操作，但 CSP 不允许像这样使用内联 JS。

这是我的按钮:

<button type="submit"     
onclick="form.action='${pageContext.request.contextPath}/product/edit'"    
class="sbmt_bt"><fmt:message key="save" /></button>

<button type="submit"    
onclick="form.action='${pageContext.request.contextPath}/product/delete';   
return confirm('${deleteAlert}')" class="sbmt_bt"><fmt:message key="delete"    
/></button>

<button type="submit"  
onclick="form.action='${pageContext.request.contextPath}/product/add'"   
class="sbmt_bt"><fmt:message key="add" /></button>

什么是符合 CSP 的替代方案？

Answer 1

This对你来说应该是一个很好的起点。正如您在示例中看到的那样，您将必须创建一个单独的 JavaScript 文件，将来自您的 onclick-listeners 的代码放在那里，并在您的 html 文件中引用该 JavaScript 文件。