锚标记href和onclick

Posted 2023-03-05

【中文标题】锚标记href和onclick

【英文标题】：Anchor tag href and 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 事件。我使用突出显示类只是为了样式目的......比如......

【参考方案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