网页里面,给一个 div 增加点击链接

来源于:

https://blog.csdn.net/pcplayer/article/details/70761548

现在做网页,通常用 div 当作容器。这里可以把一个 div 理解为一个 delphi 的 TPanel。

在 Delphi 里面,可以用 Panel 套 Panel 的方式来布局,然后设置各个 Panel 的 Align 属性。

现在 html5 的网页开发,是拿 div 套 div 来布局。然后用 css 来定义 div 该怎么摆。因此,这里就是多层 div 嵌套。假设要对某一层 div 做一个链接,点击后会导航到另外一个链接地址。这时候,不能给 div 外面写 <a href="xxxxx"> 这种代码。如果这样写,会破坏 div 的嵌套框架,搞乱页面布局。

上网搜资料,发现:这里有个人问到这个问题

有人回答了这个问题,其基本原理是:

<div style="cursor: pointer;" onclick="window.location='http://google.com';">
    Hello world
</div>

在本人正在做的这个 CMS 系统里面,上述方法测试通过。
-------------------------------

又及:

但如果这里是用了 BootStrap 的 <div class="col-md-3"> 则可以给它外面加上 <a> 而不会破坏 div 框架。
--------------------- 
作者:pcplayer 
来源:CSDN 
原文:https://blog.csdn.net/pcplayer/article/details/70761548 
版权声明:本文为博主原创文章,转载请附上博文链接!
0 条回复 A 作者 M 管理员
    所有的伟大,都源于一个勇敢的开始!
欢迎您,新朋友,感谢参与互动!欢迎您 {{author}},您在本站有{{commentsCount}}条评论