SharePoint 2013 JavaScript OnClick 事件答案

【问题标题】：SharePoint 2013 JavaScript OnClick eventSharePoint 2013 JavaScript OnClick 事件
【发布时间】：2017-12-07 07:32:23
【问题描述】：

在我们的 SharePoint 2013 页面上，我们有一个运行 EXE 的按钮

我想在单击按钮时生成JS Alert，以便用户知道单击“运行”

这些按钮是由一个Content Search Web Part 生成的，它从一个带有Title 和URL 字段的列表中读取。

对于EXE，我的网址是：file:///S:/Web/EmailSignature_WPF/EmailSignature_WPF.exe

我尝试使用以下代码嵌入 JavaScript 内联：javascript:open('file:///S:/Web/EmailSignature_WPF/EmailSignature_WPF.exe') 或更基本上：JavaScript:alert('TEST');

但是当我尝试以这种方式嵌入 JS 时，SharePoint 给了我“无效的 URL”消息。

我现在改为移动到 Script Editor Web Part 并尝试将 Alert 添加到我的按钮的 OnClick 事件中，但这是我卡住的地方。

我的Script Editor 代码：

<script style="javascript;">
var img = document.getElementById('ctl00_ctl40_g_a225dbb9_1900_49f2_afe2_ab6f5bf77adf_csr4_pictureOnTop_line1');
img.onclick="javascript:alert('event has been triggered')";</script>

这是 IE 调试屏幕的图像，这就是我拉动ID 的方式。这个H2 元素被包裹在一个HREF 中，而HREF 又被包裹在两个DIV 标签中，这两个标签组成了一个LI

使用上面的 sn -p IE Debug 给我这个错误信息： Unable to set property 'onclick' of undefined or null reference

我希望这就像引用错误或将 OnClick 事件分配给错误的元素一样简单，但我正在旋转我的轮子。任何帮助表示赞赏，我很高兴澄清

【问题讨论】：

标签： javascript html onclick sharepoint-2013

【解决方案1】：

您应该将函数与img 上的 onclick 事件相关联

<script type="text/javascript">
    var img = document.getElementById('ctl00_ctl40_g_a225dbb9_1900_49f2_afe2_ab6f5bf77adf_csr4_pictureOnTop_line1');
    img.onclick = function () {
    alert('event has been triggered');
};
</script>

【讨论】：