用html给div加类似a标签的超链接(转)

今天项目中遇到用html给div加类似a标签的超链接,回想半天,万幸还是想出来了。

分享一下啊:

1.通过window.open函数

<div onclick="window.open(‘www.baidu.com‘)">在新窗口跳转至百度</div>

<div onclick="window.open(‘www.baidu.com‘,‘_self‘)">在当前窗口跳转至百度</div>
1
2
3
2.通过window.location.href函数

<div onclick="window.location.href= ‘www.baidu.com‘;return false">在当前窗口跳转至百度</div>
1
平日多积累,关键时候还是有用处的哈哈。

多回顾以前知识,加油!

div 内容溢出显示省略号方法:

不用设置 div 的宽高即可生效;

overflow: hidden;
text-overflow:ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2; //显示内容的行数;
-webkit-box-orient: vertical;
---------------------
作者:_键盘书生_
来源:CSDN
原文:https://blog.csdn.net/weixin_42695298/article/details/86507660

原文地址:https://www.cnblogs.com/kenshinobiy/p/10720156.html

时间: 2024-08-29 19:48:55

用html给div加类似a标签的超链接(转)的相关文章

table标签中不能有div、span等标签

table标签中不能有div.span等标签   今天在<table>标签中放置了个<span>标签,结果用span的id去修改其中innerHTML的值时, 发现取值在不同浏览器中有问题! 解决:就是不能随便放置<span>标签在<table>中!!! DIV不能直接加在table中,放在td中即可 来自为知笔记(Wiz)

【js】在js中加HTML注释标签的原因?

<script type="text/JavaScript"> <!-- js代码 //--> //就是这句,为什么还要在-->前加上js注释 </script> 我们偶尔可能会看到上面这样的js注释代码,可是原因是什么呢? 答案: 原因是那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示.为了防止这种情况发生,我们可以使用这样的 HTML 注释标签.注释行末尾的两个正斜杠是 JavaScript 的注释符号,它会阻止 Ja

div 加滚动条

div 加滚动条的方法: <div style="position:absolute; height:400px; overflow:auto"></div>div 设置滚动条显示:overflow :yesdiv 设置滚动条自适应显示:overflow :autodiv 设置上下滚动条显示:overflow-y :yesdiv 设置上下滚动条自适应显示:overflow-y :auto如果该div被包含在其他对象例如td中,则位置可设为相对:position:

div 加滚动条的方法

div 加滚动条的方法: <div style="position:absolute; height:400px; overflow:auto"></div>div 设置滚动条显示:overflow :yesdiv 设置滚动条自适应显示:overflow :autodiv 设置上下滚动条显示:overflow-y :yesdiv 设置上下滚动条自适应显示:overflow-y :auto 如果该div被包含在其他对象例如td中,则位置可设为相对:position

ios用lable和textview加载html标签

根据应用需求,需要将后台传过来的html标签文本显示在页面上,首先想到的是用WKWebview显示,虽然可以实现但是感觉比较耗内存.尝试用lable加载html,代码以及效果如下所示,发现表格的边框样式加载不出来 NSString *str = @"罗梦槐,您好!您的借款项目[0903.按月3.02]债权转让已经完成,当前持有信息如下:<table border='1' cellpadding='0' width='80%;' cellspacing='0'><tr>&l

div css鼠标悬停锚文本超链接文字背景颜色或图片变化

div css鼠标悬停锚文本超链接文字背景颜色或图片变化(体感音乐) css鼠标悬停超链接文字上时背景改变,鼠标经过文字链接时(悬停),文字的背景图片发生改变(出现背景图片或背景颜色). 鼠标经过悬停在超链接文字上时背景颜色或背景图片出现或改变教程篇.(体感音乐) 此DIV CSS布局技巧其实是对a标签做鼠标经过CSS样式.利用以下代码: a{...} 原始超链接默认样式设置a:hover{...}鼠标悬停经过时超链接锚文本CSS样式(扩展阅读:ie6 hover)一.链接文字无背景鼠标经过悬停

HTML常用标签之超链接标签

前面学习过了格式标签和文本标签, 本章开始学习超链接标签 三. 超链接标签 1. 分类: 超链接标签分为相对URL和绝对URL 2. 作用: 相对URL: 指向站点内的某个文件(例如: 跳转到xxx.html) 绝对URL: 指向另一个站点 (例如: 跳转到http://www.baidu.com) 3. 属性作用: <a href=" "></a> <!-- 提供 href 属性或 name 属性, 标签的 href 属性用于指定超链接目标的 URL -

详解HTML的a标签(超链接标签)

原文 简书原文:https://www.jianshu.com/p/d6a2499db73b 大纲 1.什么是<a>标签 2.<a>标签的几个重要属性 3.a标签的运行机制 4.a标签常用的协议 5.超链接标签的样式问题--a标签的伪类选择器的书写顺序 1.什么是<a>标签 <a> 标签定义超链接,用于从一张页面链接到另一张页面. <a> 元素最重要的属性是 href 属性,它指示链接的目标. 2.<a>标签的几个重要属性 2.1.h

div加jquery实现iframe标签的功能

由于最近项目需要,前端后台都完全采用div+css的方式布局.因而左思右想,有什么办法可以替代常用的iframe上下左右的布局方式,而且页面只是局部刷新.参考了许多前辈的资料,并加以整理,因而有了以下的方法. 需求: 1.由于是全局的div+css,由于每次提交的内容都会有所差异. 2.每个提交都会用到,因而需要一个通用方法. 3.返回的是html内容,因而需要指定一个显示区域 因而写一个可复用的方法就显得尤为重要了,因而有了以下的方法.上码: /** * [btnsubmit 提交url并返回