CSS+Js在段落文字最后自动加入隐藏文字

最新推荐文章于 2021-08-03 20:33:22 发布

dsgru

最新推荐文章于 2021-08-03 20:33:22 发布

阅读量214

点赞数

文章标签： JavaScript jQuery CSS HTML5 ViewUI

本文链接：https://blog.csdn.net/dsgru/article/details/84620642

版权

CSS和JavaScript控制段落最后自动添加指定的隐藏文字，不建议这样用，因为对搜索引擎不太友好。不过作为一项技巧来研究，下面帖出具体的代码，以供参考指正：资源分享

 
    01<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
    02 <html xmlns="http://www.w3.org/1999/xhtml"> 
 
    03 <head> 
 
    04 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
 
    05 <title>自动加入隐藏文字</title> 
 
    06 <style> 
 
    07.test {color:#fff;margin-left:18px;}
 
    08 </style> 
 
    09 </head> 
 
    10 <body> 
 
    11 <p>在文章各个段落的最后加入带连接的隐藏文字</p> 
 
    12 <p>在文章各个段落的最后加入带连接的隐藏文字</p> 
 
    13 <script> 
 
    14function test()
 
    15{
 
    16var myP = document.getElementsByTagName("p");
 
    17 for(var i=0;i<myP.length;i ) 
 
    18{
 
    19 var createLink = document.createElement("a"); 
 
    20createLink.setAttribute("class","test");
 
    21createLink.setAttribute("href","http://www.baidu.com/");
 
    22createLink.setAttribute("target","new");
 
    23 var createText = document.createTextNode("百度一下"); 
 
    24createLink.appendChild(createText);
 
    25myP[i].appendChild(createLink);
 
    26}
 
    27}
 
    28 window.onload = function() {test();} 
 
    29</script>
 
    30 </body> 
 
    31 </html>

这里忘了一个很重要的内容需要说明：并不是所有的overflow属性效果都一样，比如visible属性就只能对IE起作用。这样的话就有一个问题啦，如果要有高度，而且内容超出高度的时候，定义auto或hidden都可能会有一些不想要的效果出现。在这里提供一个解决方案：对于IE6及以下版本的IE，可以直接定义高度；对于IE8、火狐、Opera、Chrome可定义min-height。方法如下：框架资源分享

 
    1overflow{
 
height:auto; 
 
_height:200px; 
 
min-height:200px; 
 
verflow:auto; 
 
zoom:1; 
 
_overflow:visible; 
 
    8}

dsgru

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS+Js在段落文字最后自动加入隐藏文字

CSS和JavaScript控制段落最后自动添加指定的隐藏文字，不建议这样用，因为对搜索引擎不太友好。不过作为一项技巧来研究，下面帖出具体的代码，以供参考指正：资源分享01&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xht...
复制链接

扫一扫