[转]JS 给文章所有段落后自动加上链接地址的三种方法 | 站长之家

现在的位置: 首页＞程序编程＞正文

[转]JS 给文章所有段落后自动加上链接地址的三种方法

发表于：2008年03月06日分类：程序编程评论关闭 203 次阅读

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> 在看第二个图，如果你全选后准备拷贝这些文字，就会发现在每一段后面都躲了一段字符，而这段字符在“图1”中是隐藏起来的，只有当你选择后才能显现出来。 如上图，这是正常阅读文章的状态，一切显示正常 如上图，这是正常阅读文章的状态，一切显示正常 <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优化/外贸营销/网站推广/网站建设/策划运营/电子商务研究与实践 网络营销/中英文SEO优化/外贸营销/网站推广/网站建设/策划运营/电子商务研究与实践 网络营销/中英文SEO优化/外贸营销/网站推广/网站建设/策划运营/电子商务研究与实践 网络营销/中英文SEO优化/外贸营销/网站推广/网站建设/策划运营/电子商务研究与实践 网络营销/中英文SEO优化/外贸营销/网站推广/网站建设/策划运营/电子商务研究与实践 </BODY> </HTML>

用正则的方法，相当简练~~~~

程序代码
<script> window.onload=function(){ document.body.innerHTML=document.body.innerHTML.replace(/<\/(p|P)>/igm,’http://www.gannyle.cn/’); } </script> <body> 看看~~~ 选上看看~~~~~ </body>