锚标记href和onclick答案

【问题标题】：Anchor tag href and onclick锚标记href和onclick
【发布时间】：2015-09-23 04:07:17
【问题描述】：

我对 JavaScript 很陌生，我在 HTML 帮助研讨会 中使用 JavaScript 来生成 chm 格式的编译帮助文件。这里我需要锚标记来链接一个 html 页面并突出显示用户在该页面中搜索的单词。

因此，锚标记必须同时执行 href（将链接作为变量）和 onclick（用于突出显示单词）功能。（先执行 href 然后 onclick 功能为第二）。我尝试了很多。但都失败了。

帮我解决这个问题，请使用以下innerHTML方式...

<script>

..........
..........

frameDoc.body.innerHTML='<div><br><ul>';

for( l = 0; l < k; l++ )
{
     var tmp1=searched_headings_filename[l];
     var tmp2=searched_headings[l];
     frameDoc.body.innerHTML+='<div style="margin-left:10;"><li class="highlight"><a href="'+tmp1+'" onclick="highlightSearch();">'+searched_headings[l]+'</a></li></div>';
}

frameDoc.body.innerHTML+='</ul></div>';

..........
.......... 

</script>


<script>

function highlightSearch() 
{
     alert('Successfully highlighted');
}

</script>

【问题讨论】：

你想在课堂高亮上添加点击事件对吗？
为什么一定要用慢的innerHTML方式呢？
什么是 frameDoc.body ？它是你身体的选择器？并且在 for 循环中您使用的是 K 是错误的 k 在哪里？如果是数组，则在 for 循环中使用 k.length
亲爱的 jameshwart lopez，我想为具有 'tmp1' 作为 href 的锚标记添加 onclick 事件。我使用高亮类只是为了风格目的......
亲爱的 jameshwart lopez，我想为具有 'tmp1' 作为 href 的锚标记添加 onclick 事件。我使用突出显示类只是为了样式目的......比如......

标签： javascript chm html-help-workshop

【解决方案1】：

我不确定，但在我看来，还有另一种方法可以解决您描述的问题。因此，我将发布一些提示以突出显示搜索主题中的单词。这可能是您结合普通 HTML 锚链接的解决方案。德语 CHM 查看器窗口在左侧导航窗格中有一个标签 Suchen（搜索）。

在帮助主题中搜索单词时，您可以指定在找到的主题中突出显示您搜索的每个单词或短语。

在查看器工具栏上，单击查看，然后单击突出显示添加一个选中此选项以突出显示单词的所有实例或
短语。
在查看器工具栏上，单击查看，然后单击突出显示以删除此选项的复选标记并关闭此选项
功能。

对于特殊情况（见快照），有一些使用 JavaScript 的方法。您可以从以下位置下载示例文件： http://www.help-info.de/files_download/CHM-example_project.zip 请注意：要打开此 ZIP / CHM 文件，请右键单击保存的文件（解压缩前的 ZIP），单击属性，然后单击取消阻止。

有关更多搜索信息，请查看： http://www.help-info.de/en/Help_Info_HTMLHelp/hh_fts.htm

【讨论】：