div添加html链接,DIV添加超链接小记

接上篇，已经实现了上面是纯文字“图片”下面是文字的效果，但是有个问题是“图片”没有超链接，点击没反应，体验不太好，于是想着把“图片”(实际是文字)加上超链接。最简单的方法是加标签，但是测试后发现点击链接的瞬间图片中的文字会变色，而且会有下划线。然后想着能不能给“图片”外的整个DIV加超链接，发现可以通过通过window.location.href函数来实现：

在当前窗口跳转至百度

看起来很简单，但是我在这里摸索了好长时间，问题就出在PHP的echo输出不能有嵌套单引号。

echo的输出一般是这样：echo ‘

单引号里面再嵌套单引号会报错，如下：

echo ‘

‘ ;

我试图去掉单引号或者把单引号改成双引号，发现不会报错了，但是点击不会跳转。

后来的解决办法是把单引号的内容放在变量里，这样形式上echo里没有嵌套单引号了，问题得到解决。把$bookmark->link_url加上单引号放到linkimg里，代码如下：

$linkimg = "'".$bookmark->link_url. "'";

echo '

' . $bookmark->link_name . '

' . $bookmark->link_name . '';

$linkimg = "'".$bookmark->link_url. "'";echo '

' . $bookmark->link_name . '

' . $bookmark->link_name . '';

div添加html链接,DIV添加超链接小记相关推荐

Html怎样往div中添加文本,给div中添加文本元素
[javascript]代码库给div中添加文本元素 div{ border: 1px solid blue; background-color: green; width: 300px; heig ...
minui 向div放html,c# – 如何添加css类到html通用控件div？
我创建了一个div标签这样: System.Web.UI.HtmlControls.HtmlGenericControl dynDiv = new System.Web.UI.HtmlControls ...
php公众号自动回复链接,微信公众号自动回复超链接怎么添加-微信公众号添加自动回复超链接的方法 - 河东软件园...
很多的微信公众号都是带有商业性质的,当我们关注一个公众号之后若是回复相应的关键词之后公众号后台会自动给我们返回一些文字或是超链接,有的超链接不会显示网址,而是更改了颜色的字体.等待我们点击之后就会自动 ...
CSS如何使用伪元素选择器给所有的div里的文本前面添加小写罗马数字编号
一.需求说明假设现在我有三个div标签,它们在浏览器里显示的内容如下图所示: 我希望使用CSS给它们全部添加上序号,添加好序号后的样子如下图所示: 可以看到序号是递增的,不是普通的阿拉伯数字,而是小 ...
JS实现动态添加和删除div
实现方式一:只在最后一个数据中动态添加或者删除 | 背景需要做一个页面,页面可以输入参数,点击确认按钮可以发请求给某接口.但是接口的某个字段是数组类型,所以在页面上需要实现添加或者删除元素的功能. ...
JS动态添加div，然后在div中添加元素
先是放一个空的div,让后根据指标的数据,动态的往div中添加元素. <div id="DvelopmentTarget"> </div> 动态往div中添 ...
css如何制作横幅,如何在CSS中添加顶级横幅而无需触摸或添加任何HTML div？
我想在网站顶部添加横幅,但完全不接触HTML文件. 这里是横幅的CSS代码:如何在CSS中添加顶级横幅而无需触摸或添加任何HTML div? position: absolute; top: 0px; ...
Layui框架下：JS中根据后台查询到的数据动态往div中ul里面动态添加li
Layui框架下:JS中根据后台查询到的数据动态往div中ul里面动态添加li 先建立好一个div和ul JS代码: $(function () { layui.admin.req({ url: _s ...
如何在html表格中添加超链接,excel表格添加网页链接(网页链接execl 制作列表)...
如何在一个excel表中做数据链接在一个相对比较大表里点击一个数据的时候选择你所说的那个数据--右键--超链接--在左侧选择第2项--然后选择表格名称--上面指定单元格--确定怎么样把网页中的表 ...

div添加html链接,DIV添加超链接小记

div添加html链接,DIV添加超链接小记相关推荐

最新文章

热门文章