ผู้เขียนที่เกี่ยวข้อง: http://www.lemongtree.com
คุณสามารถใช้ตัวเลือกแอตทริบิวต์ css เพื่อควบคุมรูปแบบลิงก์แบบเลือกได้ เช่น การเพิ่มไอคอนขนาดเล็กให้กับลิงก์ภายนอกทั้งหมดเพื่อระบุว่าเป็นลิงก์ภายนอก
แต่มีข้อเสียในการใช้ css:
1. รองรับเฉพาะเบราว์เซอร์เช่น FireFox ที่รองรับมาตรฐานเว็บที่ดี
2. สามารถตัดสินได้เฉพาะลิงก์เท่านั้น ไม่สามารถตัดสินจุดยึดหรือจาวาสคริปต์ได้ หากคุณพบ <a href="javascript:void(0);"> คุณไม่สามารถทำอะไรได้
ซึ่งสามารถทำได้ร่วมกับ js ก่อนอื่นให้เขียนสไตล์:
a.other:link,a.other:เยี่ยมชมแล้ว,a.other:ใช้งานอยู่
-
พื้นหลัง:url("external.gif") ไม่ทำซ้ำด้านบนขวา;
ช่องว่างภายในขวา:15px;
}
เขียน js อีกอัน แต่ js จะต้องคำนึงถึงความหลากหลายของลิงก์ เช่น จาวาสคริปต์ จุดยึด ฯลฯ ที่กล่าวถึงข้างต้น หากเป็นลิงก์รูปภาพ อย่าใช้สไตล์
<script type="text/javascript">
window.onload = ฟังก์ชั่น()
-
var aList = document.getElementsByTagName('a');
var iCount = aList.length;
สำหรับ (var i = 0;i<iCount;i++)
-
ถ้า(!chkMyLink(aList[i].href,aList[i].innerHTML))
-
aList[i].className ='อื่นๆ';
-
-
-
//s คือ URL ของลิงก์ Innerhtml คือข้อความลิงก์
ฟังก์ชั่น chkMyLink(s,innerhtml)
-
if(innerhtml.replace( /^s*/,"").match(/^<img/gi)) กลับจริง;
var reg = /^http:///gi;
ถ้า(s.match(reg))
-
reg = /^http://www.lemongtree.com/gi;
ถ้า(s.match(reg))
-
กลับเป็นจริง;
-
อื่น
-
กลับเท็จ;
-
-
กลับเป็นจริง;
-
</สคริปต์>
ตอนนี้คุณสามารถเห็นผล