![HTML5从入门到精通 (第2版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/700/26943700/b_26943700.jpg)
上QQ阅读APP看书,第一时间看更新
5.6 其他链接
除了常见的内部链接、外部链接、书签链接等,在页面中还可以使用脚本链接和空链接。
5.6.1 脚本链接
在链接语句中,可以通过脚本来实现HTML语言完成不了的功能。下面以JavaScript脚本为例说明脚本链接的使用。
语法
<A href="JavaScript:... ">文字链接<A>
语法解释
在“JavaScript:”后面编写的就是具体的脚本。
实例代码
<html> <head> <title>脚本链接/title> </head> <body> <a href="javascript:window.close()">关闭窗口</a> </body> </html>
运行这段代码,效果如图5.23所示。
![](https://epubservercos.yuewen.com/2F3372/15367248904202606/epubprivate/OEBPS/Images/Figure-0137-0245.jpg?sign=1738904869-TSv1ZHNgMoZhmJ85njviM453KrQ3S3qY-0-5384437c2e8adece32fd1078eb7d088e)
图5.23 脚本链接
当单击“关闭窗口”链接后,可以弹出如图5.24所示的对话框,单击“是”按钮后浏览器窗口将关闭。
![](https://epubservercos.yuewen.com/2F3372/15367248904202606/epubprivate/OEBPS/Images/Figure-0137-0246.jpg?sign=1738904869-nxKvbK7yKYz04LcC4KbQ7YIGkCNatuql-0-415da54cc487b311456a4fb53a0b2fae)
图5.24 是否关闭窗口
5.6.2 空链接
在链接中,可以通过#符号实现空链接。所谓空链接,是指指向链接后,鼠标变成手形,但单击链接后,仍然停留在当前页面。
语法
<A href="#">文字链接</A>
语法解释
实现空链接。
实例代码
<html> <head> <title>空链接</title> </head> <body> <a href="#">空链接</a> </body> </html>
运行这段代码,运行效果如图5.25所示。单击链接后,仍然停留在当前页面。
![](https://epubservercos.yuewen.com/2F3372/15367248904202606/epubprivate/OEBPS/Images/Figure-0138-0247.jpg?sign=1738904869-KW1rloCuSgtTErjtsyDGvJF6NFGxCt2s-0-3353f0ee852c76b8c1dba383983a71ae)
图5.25 空链接