首 页 网络编程
网页制作 图形图象 操作系统 冲浪宝典
软件教学 认证考试

网络安全 网络办公 行业资讯 评测对比
您当前位置:站长天空 -> 认证考试-> 微软认证
用javascript 转换外部链接样式_javascript教程
作者:网友供稿 点击:0
推荐
西部数码-全国虚拟主机10强!20余项虚拟主机管理功能,全国领先!第6代双线路虚拟主机,南北访问畅通无阻!可在线rar解压,自动数据恢复设置虚拟目录等.免费赠送访问统计,企业邮局.Cn域名注册10元/年,自助建站480元起,免费试用7天,满意再付款!P4主机租用799元/月.月付免压金
站内搜索
文章页数:[1] 

作者相关:http://www.lemongtree.com

用css属性选择器可以有选择性地对链接样式进行控制,如让所有的外部链接都加一个小图标来标识其是一外部链接。

但用css有弊端:
1、只支持FireFox等对web标准支持很好的浏览器。
2、只能判断链接,不能判断锚点或javascript。如遇到<a href="javascript:void(0);">就无能为力了。

这里可以结合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>
现在可以看到效果了。


文章整理:站长天空 网址:http://www.z6688.com/
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

文章页数:[1] 


放大字体显示 缩小字体显示 打印文章 推荐给朋友
热门文章
·学习java需要知道的一些问题-JSP教程,Java技巧及代码
·vs.net中web services入门-.NET教程,Web Service开发
·C#中Base64之编码,解码方法-.NET教程,C#语言
·关于程序加载错误的处理-ASP教程,ASP应用
·.Net应用程序发布问题的最新解决方案,感觉比较爽(可桌面、程序中加自己的ICO及卸载等)-.NET教程,评论及其它
·设计模式-简单工厂模式(SimpleFactory-C#)-.NET教程,C#语言
·用photoshop制作logo-网页设计,Photoshop
·用jsp实现直接下载文件而不是在浏览器中打开的功能-JSP教程,Jsp/Servlet
·利用数据集实现对数据库的操作-.NET教程,数据库应用
·JAVA与数据库连接方法(二)-JSP教程,数据库相关
最新文章
·当windows vista系统提示“内存不足”怎么办?_windows vista
·王通:个人如何利用网络赚钱(1)_网赚技巧
·关于flash中注册点与中心点的区别_flash教程
·个人网站发展初期如何节省资金_站长心得
·如何写好“帮助中心”的内容_站长心得
·中国个人网站——新经济中的非主流2_站长心得
·backpack - 体验可读写的web服务_站长心得
·中文搜索引擎的研究_站长心得
·域名选取十技巧_站长心得
·用javascript 转换外部链接样式_javascript教程
相关主题
  • 用javascript实现select的美化_javascript教程
  • 用javascript+php随机显示图片_javascript教程
  • 用javascript实现字符串切分功能_javascript教程
  • 用javascript轻松制作一套简单的抽奖系统_javascript教程
  • 用javascript的showmodaldialog()函数去显示一个aspx页面时缓存的问题_javascript教程
  • 西部数码虚拟主机

    友情链接
    CNNIC 西部数码
    万网 自助建站
    虚拟主机 asp空间
    域名注册 域名
    域名申请 主页空间
    论坛空间 网站空间
    国际域名 虚拟空间
    空间租用 DDOS防火墙
    成都主机托管 四川主机托管
    主机租用 服务器租用
    网站目录 自助建站
    虚拟主机 网址大全
    软件下载
    自助链接
    虚拟主机资讯 特价虚拟主机
    版权申明:本站文章均来自网络,如有侵权,请联系我们,我们收到后立即删除,谢谢!
    关于我们:站长天空:专业提供最新的站长资讯、在线教程、虚拟主机权威评测、虚拟主机性能对比、网站制作教程,开发教程,站长工具。包括网页制作教程、冲浪宝典、编程参考、操作系统、软件教学、行业动态等。
    特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有。
    发表评论 打印  刷新     关闭