5.6 其他链接_HTML5从入门到精通（第2版）-QQ阅读中文科幻网

上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 空链接