[发明专利]一种HTML图像上添加、显示标记的方法及装置

摘要

本发明公开了一种HTML图像上添加、显示标记的方法及装置，属于网页设计技术领域。方法包括：当浏览器打开HTML页面时，对应的JavaScript脚本被加载并获取HTML页面中图像的标记记录集合，当标记记录集合为空时，获取鼠标在图像上的点击位置并添加标记，生成标记记录并保存后，继续获取HTML页面中图像的标记记录集合；当标记记录集合为非空时，根据其中含有的标记记录显示对应的标记，并获取鼠标在图像上的点击位置，如为无标记处，则执行上述添加标记的操作；如为有标记处，则显示对应标记的详细信息或不做任何操作。本发明中，无需引入任何插件即可在HTML图像上添加有别于图像的标记，以及显示各不同的标记。

主权项

1.一种HTML图像上添加、显示标记的方法，其特征在于，当浏览器打开HTML页面时，对应的JavaScript脚本被加载并执行以下操作：步骤S1：JavaScript脚本获取对应HTML页面中图像的标记记录集合，当所述标记记录集合为空时，获取鼠标在所述图像上的点击位置，执行步骤S2；当所述标记记录集合为非空时，执行步骤S3；步骤S2：所述JavaScript脚本在获取的点击位置处添加标记，生成对应的标记记录并保存，返回步骤S1；步骤S3：所述JavaScript脚本根据所述标记记录集合中含有的标记记录在所述图像中显示对应的标记；步骤S4：所述JavaScript脚本获取鼠标在所述图像上的点击位置，如为无标记处，则返回步骤S2；如为有标记处，则显示对应标记的详细信息或者不做任何操作。