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

ذو صلة بالمؤلف: http://www.lemongtree.com

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

ولكن هناك عيوب لاستخدام CSS:
1. يدعم فقط المتصفحات مثل FireFox التي تتمتع بدعم جيد لمعايير الويب.
2. يمكنه الحكم فقط على الروابط، وليس نقاط الربط أو جافا سكريبت. إذا واجهت <a href="javascript:void(0);">، فلا يمكنك فعل أي شيء.

يمكن القيام بذلك بالاشتراك مع 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>
الآن يمكنك رؤية التأثير.