HTML5从入门到精通 (第2版)
上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所示。

图5.23 脚本链接

当单击“关闭窗口”链接后,可以弹出如图5.24所示的对话框,单击“是”按钮后浏览器窗口将关闭。

图5.24 是否关闭窗口

5.6.2 空链接

在链接中,可以通过#符号实现空链接。所谓空链接,是指指向链接后,鼠标变成手形,但单击链接后,仍然停留在当前页面。

语法

        <A href="#">文字链接</A>

语法解释

实现空链接。

实例代码

        <html>
        <head>
        <title>空链接</title>
        </head>
        <body>
        <a href="#">空链接</a>
        </body>
        </html>

运行这段代码,运行效果如图5.25所示。单击链接后,仍然停留在当前页面。

图5.25 空链接