把整个DIV变成超链接

在网页中，常常需要使用到超级链接。一般情况下，使用超级链接仅需要使用到<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 οnclick="location.href='http://www.dz37w.com';">div整个都是超链接</div>通过如上的方法，就可以实现本教程要的效果。但是，缺陷在于，你所使用的浏览器必须支持javascript脚本的运行，否则就行不通，好在很多浏览器都支持该脚本的运行。

本文转自：http://www.dzwebs.net/3756.html

转载于:https://blog.51cto.com/williamalan/1618310

把整个DIV变成超链接相关推荐

div添加html链接,DIV添加超链接小记
接上篇,已经实现了上面是纯文字"图片"下面是文字的效果,但是有个问题是"图片"没有超链接,点击没反应,体验不太好,于是想着把"图片"(实际是 ...
HTML中给div加超链接
HTML中给div加超链接前言最近开发一个静态公司官网,其中有四个推荐位,推荐位由图片,标题,简介组成,要求点击推荐位的任意位置皆可跳转到指定页面. 解决方式方式一使用 window.lo ...
div文字超链接css样式,css超链接字体颜色
大家好,我是时间财富网智能客服时间君,上述问题将由我为大家进行解答. css超链接字体颜色的方法如下: 1.首先在菜单栏下的"格式"菜单中或在右键菜单中点击"幻灯片设计& ...
html网页表格中加超链接,用html给div加类似a标签的超链接（转）
今天项目中遇到用html给div加类似a标签的超链接,回想半天,万幸还是想出来了. 分享一下啊: 1.通过window.open函数在新窗口跳转至百度在当前窗口跳转至百度 1 2 3 2.通过wi ...
超链接（文本超链接、图片超链接）
body> 超链接标签(用于从一个页面链接到另一个页面) <br> 文本超链接 ...
html怎么在链接中加链接,怎么给div加链接在div中可以加整体的链接
我要在DIV加链接怎么加? 有背景图片在透明div上加链接怎么加? 怎么在DIV里面的图片上添加超链接 CSS里给空DIV加点击链接怎么实现 Web标准-结构.样式和行为,对应的分别是HTML.C ...
jQuery——入门（四）JQuery 事件
jQuery--入门(四)JQuery 事件一.事件初探加载文档完成触发: window.onload = function(){} //js $(window).load(function( ...
基于boostrap的登录注册界面制作（html+css）
这里写自定义目录标题基于boostrap的登录界面制作 1. 安装bootstrap以及fontawesome环境 2. 表单设计 3. CSS样式基于boostrap的登录界面制作 1. 安装b ...
jQuery 第二篇
jQuery 第二篇## 操作元素样式的方式 css()设置元素的样式属性; addClass()添加类样式, //为dv添加cls和cls1样式属性 $('#dv').addClass('cls') ...

把整个DIV变成超链接

把整个DIV变成超链接相关推荐

最新文章

热门文章