我正在评估一些发送给我的代码,但我不明白为什么会这样。
[编辑]:代码是由电子学习软件 Lectora 生成的,所以没有任何事情是手工完成的。丑陋的内联代码不能被塞进样式表中。
[编辑 2] buttonxxx是 lectora 中的一些功能,可让您制作不可见的热点,有点像图像地图。我没有这个软件,而且制作它的人也不太懂技术。
HTML
<p style="margin-left:0px;text-indent:0px;line-height:1.160;margin-top:0px;margin-bottom:0px;text-align:left;" >
<a href="##Action 7515" ><span class="text3708Font1" >Table of
Contents</span ></a ><a href="##Action 7515" ><span class="text3708Font2" style="background-color:transparent" >
</span ></a ></p >
<p style="margin-left:0px;text-indent:0px;line-height:1.160;margin-top:0px;margin-bottom:0px;text-align:left;" >
<span class="text3708Font3" style="background-color:transparent" >
</span ></p >
<p style="margin-left:0px;text-indent:0px;line-height:1.160;margin-top:0px;margin-bottom:0px;text-align:left;" >
<a href="##Action 3710" ><span class="text3708Font4" >Edgar's
Dilemma</span></a ><span class="text3708Font5" style="background-color:transparent" >
</span ></p >
我认为适用的 JavaScript。页面大约有530行JS。
button6458 = new ObjButton('button6458','table of contents',1,69,70,37,1,8,'div')
button6458.setImages('transbtn.gif',null,null,'images/')
button6458.onUp = button6458onUp
button6458.hasOnUp = true
button6458.capture=4
button6458.build()
button6459 = new ObjButton('button6459','course beginning story',2,112,67,36,1,9,'div')
button6459.setImages('transbtn.gif',null,null,'images/')
button6459.onUp = button6459onUp
button6459.hasOnUp = true
button6459.capture=4
button6459.build()
但是,如果我使用屏幕阅读器浏览它,它会被宣布为:
目录 [link]、[link](内容中 s 后面的空格)、Edgar's Dilemma [link]、[link](edgar 与什么是 508 之间的空格中的空格字符)、目录(现已公布作为“转到目录 [链接]”),埃德加的困境(现在宣布为“转到课程开始故事 [链接]”)
关于为什么要读取锚点的任何想法,那么 javascript 会很棒。
解决方案:
大约到源代码的一半,写了一些JS。这使得第二组链接通过上面的 JS 代码块。如果我们去掉垃圾,源代码基本上变成:
<a href="#">Table of contents</a>
<a href="#"> </a>
<a href="#">Edgar's Delimma</a>
<a href="#">go to Table of contents</a>
<a href="#">go toEdgar's Delimma</a>
我还没有弄清楚它是如何
创建的。