علامة HTML <script>
مثال
اكتب "Hello JavaScript!" مع JavaScript:
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
التعريف والاستخدام
تُستخدم <script>العلامة لتضمين برنامج نصي من جانب العميل (JavaScript).
يحتوي <script>العنصر إما على عبارات نصية ، أو يشير إلى ملف نصي خارجي من خلال السمة src.
الاستخدامات الشائعة لجافا سكريبت هي معالجة الصور والتحقق من صحة النموذج والتغييرات الديناميكية للمحتوى.
نصائح وملاحظات
نصيحة: انظر أيضًا إلى عنصر <noscript> للمستخدمين الذين قاموا بتعطيل البرامج النصية في المستعرض الخاص بهم ، أو لديهم متصفح لا يدعم البرمجة النصية من جانب العميل.
نصيحة: إذا كنت تريد معرفة المزيد حول JavaScript ، فتفضل بزيارة برنامج JavaScript التعليمي .
دعم المتصفح
| Element | |||||
|---|---|---|---|---|---|
| <script> | Yes | Yes | Yes | Yes | Yes |
صفات
| Attribute | Value | Description |
|---|---|---|
| async | async | Specifies that the script is downloaded in parallel to parsing the page, and executed as soon as it is available (before parsing completes) (only for external scripts) |
| crossorigin | anonymous use-credentials |
Sets the mode of the request to an HTTP CORS Request |
| defer | defer | Specifies that the script is downloaded in parallel to parsing the page, and executed after the page has finished parsing (only for external scripts) |
| integrity | filehash | Allows a browser to check the fetched script to ensure that the code is never loaded if the source has been manipulated |
| nomodule | True False |
Specifies that the script should not be executed in browsers supporting ES2015 modules |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin strict-origin-when-cross-origin unsafe-url |
Specifies which referrer information to send when fetching a script |
| src | URL | Specifies the URL of an external script file |
| type | scripttype | Specifies the media type of the script |
الاختلافات بين HTML و XHTML
في XHTML ، يتم الإعلان عن المحتوى الموجود داخل البرامج النصية على أنه #PCDATA (بدلاً من CDATA) ، مما يعني أنه سيتم تحليل الكيانات.
هذا يعني أنه في XHTML ، يجب تشفير جميع الأحرف الخاصة ، أو يجب تغليف كل المحتوى داخل قسم CDATA:
<script type="text/javascript">
//<![CDATA[
var i = 10;
if (i < 5) {
// some code
}
//]]>
</script>
السمات العالمية
تدعم <script>العلامة أيضًا السمات العامة في HTML .
الصفحات ذات الصلة
دروس HTML: نصوص HTML
مرجع DOM HTML: كائن البرنامج النصي
دروس جافا سكريبت: تعلم جافا سكريبت
إعدادات CSS الافتراضية
ستعرض معظم المتصفحات <script>العنصر بالقيم الافتراضية التالية:
script {
display: none;
}