استخدم جافا سكريبت لتحويل أنماط الارتباط الخارجي

يمكنك استخدام محددات سمات CSS للتحكم بشكل انتقائي في أنماط الارتباط، مثل إضافة رمز صغير إلى كافة الروابط الخارجية لتعريفها كروابط خارجية.

لكن استخدام CSS له عيوب:

1. إنه يدعم فقط المتصفحات مثل FireFox التي تتمتع بدعم جيد لمعايير الويب.

2. يمكنه الحكم فقط على الروابط، وليس نقاط الربط أو جافا سكريبت. إذا واجهت ذلك، ليس هناك ما يمكنك القيام به.

يمكن القيام بذلك مع js أولاً، اكتب النمط:

ما يلي هو جزء مرجعي:
أ.أخرى:رابط،أ.أخرى:تمت زيارته،أ.أخرى:نشطة
{
الخلفية: url("external.gif") بدون تكرار أعلى اليمين؛
الحشو الأيمن: 15 بكسل؛
}

اكتب js آخر، ولكن يجب أن يأخذ js في الاعتبار تنوع الروابط، مثل جافا سكريبت ونقاط الربط وما إلى ذلك المذكورة أعلاه. إذا كان رابط صورة، فلا تقم بتطبيق النمط.

هنا اقتباس:
<نوع البرنامج النصي = "نص/جافا سكريبت">
window.onload = وظيفة ()
{
var aList = document.getElementsByTagName('a');
var iCount = aList. length;
ل(فار ط = 0;أنا<iCount;i++)
{

إذا (!chkMyLink(aList[i].href,aList[i].innerHTML))
{
aList[i].className ='other';
}
}
}

//s هو عنوان URL للرابط، وInnerhtml هو نص الرابط
الدالة chkMyLink(s,innerhtml)
{
if(innerhtml.replace( /^s*/,"").match(/^<img/gi)) يُرجع صحيحًا;
var reg = /^http:///gi;
إذا (s.match (ريج))
{
reg = /^http://www.lemongtree.com/gi;
إذا (s.match (ريج))
{
عودة صحيحة؛
}
آخر
{
عودة كاذبة.
}
}
عودة صحيحة؛
}
</script>

يمكن الآن رؤية التأثير.