用javascript 转换外部链接样式
但用css有弊端:
1、只支持Firefox等对web标准支持很好的浏览器。
2、只能判断链接,不能判断锚点或javascript。如遇到就无能为力了。
这里可以结合js来完成,首先写一个样式:
以下是引用片段:
a.other:link,a.other:visited,a.other:active
{
background:url("external.gif") no-repeat top right;
padding-right:15px;
}
再写一个js,但js要考虑到链接的多样性,如上面提到的Javascript、锚点等。 如果是图片链接,就不要应用样式了。
以下是引用片段:
<script type="text/javascript">
window.onload = function()
{
var aList = document.getElementsByTagName('a');
var iCount = aList.length;
for(var i = 0;i<iCount;i++)
{
if(!chkMyLink(aList[i].href,aList[i].innerHTML))
{
aList[i].className ='other';
}
}
}
//s是链接的url,innerhtml是链接文本
function chkMyLink(s,innerhtml)
{
if(innerhtml.replace( /^\s*/,"").match(/^\<img/gi)) return true;
var reg = /^http\:\/\//gi;
if(s.match(reg))
{
reg = /^http\:\/\/www.lemongtree.com/gi;
if(s.match(reg))
{
return true;
}
else
{
return false;
}
}
return true;
}
</script>
现在可以看到效果了。
以上就是用javascript 转换外部链接样式的内容,更多相关内容请关注PHP中文网(www.php.cn)!
上一篇: JavaScript等比例缩放图片
下一篇: PHP读取文件内容后清空文件示例代码
推荐阅读
-
用javascript解决外部数据抓取中的乱码问题
-
用javascript实现给图片加链接
-
用PHP将网址字符串转换成超链接(网址或email)
-
用jQuery将JavaScript对象转换为querystring查询字符串的方法
-
用javascript来控制 链接的target 属性的代码
-
用javascript解决外部数据抓取中的乱码问题
-
用JavaScript实现汉字与Unicode的相互转换
-
ps2022神经滤镜中样式转换怎么用? ps2022神经滤镜快速处理人像的技巧
-
ps2022神经滤镜中样式转换怎么用? ps2022神经滤镜快速处理人像的技巧
-
用javascript实现给图片加链接