现在的位置: 首页 >程序编程>正文
JS 给文章所有段落后自动加上链接地址的三种方法,论坛上看到的问题,代码如下:
程序代码<!DOCTYPE html PUBLIC ”-//W3C//DTD XHTML 1.0 Transitional//EN” ”http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ /> <title>网络营销-中英文SEO优化(www.gannyle.cn)</title> <style> .test {color:#369;margin-left:18px;} </style> </head> <body> <p>在看第二个图,如果你全选后准备拷贝这些文字,就会发现在每一段后面都躲了一段字符,而这段字符在“图1”中是隐藏起来的,只有当你选择后才能显现出来。</p> <p>如上图,这是正常阅读文章的状态,一切显示正常</p> <p>如上图,这是正常阅读文章的状态,一切显示正常</p> <script> function test() { var myP = document.getElementsByTagName(“p”); for(var i=0;i<myP.length;i++) { var createLink = document.createElement(“a”); createLink.setAttribute(“class”,”test”); createLink.setAttribute(“href”,”http://www.gannyle.cn/”); createLink.setAttribute(“target”,”new”); var createText = document.createTextNode(“http://www.itzz.net/”); createLink.appendChild(createText); myP[i].appendChild(createLink); } } window.onload = function() {test();} </script> </body> </html>
另外两种方法:
程序代码<!DOCTYPE HTML PUBLIC ”-//W3C//DTD HTML 4.0 Transitional//EN”> <HTML> <HEAD> <TITLE> New Document </TITLE> <script type=”text/javascript”> window.onload=function(){ var brs=document.getElementsByTagName(“br”); for(var i=0;i<brs.length;i++){ var txt=document.createTextNode(“http://www.gannyle.cn”); document.body.insertBefore(txt,brs[i]); } } </script> </HEAD> <BODY> 网络营销/中英文SEO优化/外贸营销/网站推广/网站建设/策划运营/电子商务研究与实践<br />网络营销/中英文SEO优化/外贸营销/网站推广/网站建设/策划运营/电子商务研究与实践<br />网络营销/中英文SEO优化/外贸营销/网站推广/网站建设/策划运营/电子商务研究与实践<br />网络营销/中英文SEO优化/外贸营销/网站推广/网站建设/策划运营/电子商务研究与实践<br />网络营销/中英文SEO优化/外贸营销/网站推广/网站建设/策划运营/电子商务研究与实践<br /> </BODY> </HTML>
用正则的方法,相当简练~~~~
程序代码<script> window.onload=function(){ document.body.innerHTML=document.body.innerHTML.replace(/<\/(p|P)>/igm,’<font color=”#ffffff”>http://www.gannyle.cn/</font></p>’); } </script> <body> <p>看看~~~</p> <p>选上看看~~~~~</p> </body>
报歉!评论已关闭.
最新评论
春节快乐啊^_^兄弟
呵呵,路过,顶一下。
老衲已阅
不错的站,路过看下
来拜访啦,呵呵,留名纪念
闲逛到此,留下印记。顶一下。
路过~~留痕
多少支持一下