怎样在CHM文件中实现超链接

怎样在CHM文件中实现超链接,第1张

首先说一下,我们使用的chm编译工具是HTML Help Workshop,以下方法也在该软件中试用成功。

在使用和编译chm文件的时候,我们往往需要链接一些外部的文件。比如说你向链接一段视频剪辑,如果把视频剪辑也编译在chm文件之内的话,将会是一个非常巨大的chm文件。在使用过程中会有很大的困难。另外的一种状况可能是这样的:你需要链接一个readme文件,但是当你在制作chm时这个readme文件还没有做好,那么也只能先做好一个对外部文件的链接。

在设计和制作普通的web(html)文档的时候,链接一个文件是很简单的,只需要指定一个目标文件的位置就可以了。至于说包含这个链接的页面的位置是不相关的。

然而,在编译一个chm文件的时候,情况就会发生变化了。主要的问题在于:只能使用一个确定的路径来链接外部的文件。当然,如果确定将要编译的chm文件的使用环境是完全一样的,这个问题就不存在。但是,如果一个用户把chm文件安装在了一个你不希望的地方会怎么样?所有的链接都会实效。还有一个类似的情况是:chm文件在一个无法事先知道盘符的光盘上被引用。

可以使用java script来摆脱这个问题,在下面的代码中,使用定位控件找出chm文件在具体计算机上所处的位置,解析出一个指定文件的确定的路径。值得注意的是需要将被引用的文件和chm放在相同的目录中。

下面,一步步来解释这个脚本是如何工作的。括号内的内容是注释。

<SCRIPT language=javascript>

function parser(fn){

var x,y,s1,a,ra link

(这里,这个函数开始时需要定义一些变量,变量“fn”将在脚步中起到一个传值的作用。)

ra=/:/

a=location.href.search(ra)

(脚本的这个搜索是寻找在位置对象中的第一个冒号。)

if (a == 2)

X = 14

else

X = 7进入讨论组讨论。

CHM是编译后的网页文件,网页文件内联都是:

<A href="*.htm" >mylink</A>

的形式。你的说明有点错误:1.htm中的锚点的href属性对应的是a.htm而不是其本身。

其次,href应该使用完整路径,如果同在的一个文件夹中,那么就是文件名,如不是则须指定完整路径。

很简单,这只是一般的电子书,或者是帮助文件。

如果你想学制作,下面给你一个教程:

制作CHM文件

关于制作CHM文件的工具,我们可以使用微软的HTML Help Workshop(以下简称HHW)或者“国华软件工作室”的eText Wizard(电子文档处理器,以下简称EW)。HHW在VB、VC等开发工具的CD中都有,也可以到微软的站点去下载最新版本,华军软件园()还有汉化的版本。EW是国人开发的软件,使用上要方便一些,下载地址为,在此我们以HHW为例。

假设我们制作好的主页放在C: est目录中,其中有一个index.html,通过它可以链接到所有其他的文件。

1.打开HTML Help Workshop,单击“File→New”菜单(或者单击工具栏第一个按钮),出现“New”对话框,选择其中的“Project”后,按“OK”,创建一个工程。

2.这一步的对话框提供了从*.hlp到*.chm文件的转换,在此我们不需要,直接按“下一步”。

3.这一步的对话框要求指定工程的位置。单击“Browse”,进入C: est目录,并在文件名中键入“test”,这时文本框中应出现“C: est est.hlp”,然后按“下一步”。

4.这一步要求选择你已为工程创建的文件类型,在此我们选择第三个“HTML files(.htm)”。

5.现在需要添加我们制作好的HTML文件,按“Add”,选择“C: estindex.html”,将它添加到列表框。说明一下,只要被index.html文件直接或间接链接到的文件,都会包含进去,因此不必将所有的文件添加进去!然后单击“完成”即可。

6.单击“File→Compile…”(或工具栏第三个按钮),出现“Create a compiled file”对话框,直接单击“Compile”。

7.测试

在资源管理器中双击生成的C: est est.chm,在页面单击右键,在菜单中选择“属性”,在“属性”对话框中复制其中的“地址”(应该为mk:@MSITStore:C: est est.chm::/index.html)。将上面的地址粘贴到浏览器的地址栏中,如果正确,按回车可以在浏览器中看到正确的页面。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/bake/11228338.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-14
下一篇2023-05-14

发表评论

登录后才能评论

评论列表(0条)

    保存