Dzwebs.Net

撰写电脑技术杂文十余年

把整个DIV变成超链接

Admin | 2012-2-29 10:51:38 | 被阅次数 | 39878

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

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

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

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

  <a href=www.dzwebs.net target="_blank">大众计算机的超链接</a>

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

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

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

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

  <div><a href="#" target="_blank">在div内部的链接</a></div>

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

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

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

  <div onclick="location.href='http://www.dz37w.com';">div整个都是超链接</div>

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


该杂文来自: 网页制作杂文

上一篇:js select case语句实例介绍

下一篇:JS数组排序的几种方法

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计