【实例名称】
弹出鼠标所指的链接地址
【实例描述】
当用户查看网页中的链接时,有时需要了解这些链接的详细URL地址。为了方便用户操作可将这些地址显示在状态栏中,也可以通过对话框的形式提示用户。本例将介绍对话框式的链接地址提示功能。
【实例代码】
<html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>标题页-本站(www.xue51.com)</title> </head> <body onmouseover="if (event.srcElement.tagName=='A') alert(event.srcElement.href)"> <a href="http://www.google.com" >Google搜索</a><br /> <a href="http://www.baidu.com" >百度搜索</a> </body> </html>
【运行效果】
【难点剖析】
支例的难点是IE对象的触发器“event.srcElement”此触发器获取触发当前事件的控件,本例通过“tagName”属性判断此控件是否为链接。如果是,则显示链接的URL地址,代码为“event.srcElement.href”。
【源码下载】
如果你不愿复制代码及提高代码准确性,你可以点击:弹出鼠标所指的链接地址 进行本实例源码下载
……