خصائص crossorigin في HTML <script>

HTML <script> العلامة

التعريف والاستخدام

crossorigin تضبط الخاصية نمط الطلب على طلب CORS HTTP.

يصدر صفحات الويب عادةً طلبات لتحميل موارد على خوادم أخرى. هذا هو مكان عمل CORS.

الطلب عبر الحدود هو طلب على موارد من موقع آخر (مثل القوائم النمطية، iframe، الصور، الخطوط أو السكربتات).

CORS يستخدم لإدارة الطلبات عبر الحدود.

CORS تعني مشاركة الموارد عبر الحدود (Cross-Origin Resource Sharing)، وهو آلية تسمح بالطلب على موارد الصفحة من موقع آخر خارج نطاق نفس الموقع. يحدد CORS كيفية تفاعل المتصفح والخادم لتحديد ما إذا كان الطلب عبر الحدود آمنًا. CORS يسمح للخادم بتشديد من يمكنه الوصول إلى الموارد على الخادم، وعدة وظائف أخرى.

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

إشارة:انظر أيضًا خصائص integrity。

مثال

هذا رابط يشير إلى ملف .js على خادم آخر. هنا نستخدم كلاً من خصائص integrity و crossorigin:

<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous">
</script>

النحو

<script crossorigin="anonymous|use-credentials">

قيمة الخاصية

القيمة الوصف
  • anonymous
  • use-credentials

تحديد نموذج طلب CORS:

  • anonymous - تنفيذ طلبات المصادر المتعددة. لا يتم إرسال المعلومات الثقة.
  • use-credentials - تنفيذ طلبات المصادر المتعددة. إرسال المعلومات الثقة (مثل: ملفات التعريف، الشهادات، اعتماد HTTP الأساسي).

دعم المتصفحات

الرقم في الجدول يشير إلى إصدار المتصفح الذي يدعم هذا الخصائص لأول مرة.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
30.0 18.0 13.0 13.0 12.1

HTML <script> العلامة