ใช้จาวาสคริปต์เพื่อแปลงรูปแบบลิงก์ภายนอก

คุณสามารถใช้ตัวเลือกแอตทริบิวต์ CSS เพื่อควบคุมรูปแบบลิงก์แบบเลือกได้ เช่น การเพิ่มไอคอนขนาดเล็กให้กับลิงก์ภายนอกทั้งหมดเพื่อระบุว่าเป็นลิงก์ภายนอก

แต่การใช้ CSS มีข้อเสีย:

1. รองรับเฉพาะเบราว์เซอร์เช่น FireFox ที่รองรับมาตรฐานเว็บที่ดีเท่านั้น

2. สามารถตัดสินได้เฉพาะลิงก์เท่านั้น ไม่สามารถตัดสินจุดยึดหรือจาวาสคริปต์ได้ ถ้าเจอก็ทำอะไรไม่ได้

ซึ่งสามารถทำได้ร่วมกับ 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))
-
กลับเป็นจริง;
-
อื่น
-
กลับเท็จ;
-
-
กลับเป็นจริง;
-
</script>

สามารถมองเห็นเอฟเฟกต์ได้แล้ว