html怎么把盒子做成超链接,把整个DIV变成超链接

在网页中,常常需要使用到超级链接。

一般情况下,使用超级链接仅需要使用到标签就可以实现了。

比如,如下是一个简单的链接:

大众计算机的超链接

然而,有的时候,我们需要布局整个页面的各种对象,因此,需要使用到标签DIV,问题也出在这里,因为DIV标签本身不具备超链接功能。

很多时候,DIV仅仅是一个布局对象,说得直接点,DIV只是一个容器,里面可以容纳各种对象,包括超链接。

而DIV中的超链接对象范围比较小,哪里有图片、哪里有文字,才可以设置成为超链接。

如下的代码,就是在DIV内部添加超链接。

我们关注的问题是,我们能不能就把整个DIV对象变成超链接,而不是只设置DIV内部的对象为超链接。

本人经过研究,终于发现,可以使用DIV里面的onclick属性,将onclick本身变成一个超链接。

下面给你一个实例,注意看:

div整个都是超链接

通过如上的方法,就可以实现本教程要的效果。但是,缺陷在于,你所使用的浏览器必须支持javascript脚本的运行,否则就行不通,好在很多浏览器都支持该脚本的运行。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值