سكربت HTML <script>

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

معظم المتصفحات ستعرض ما يلي كقيم افتراضية العلامة تستخدم لدمج سكربت العميل.

معظم المتصفحات ستعرض ما يلي كقيم افتراضية العنصر يمكن أن يحتوي على جمل سكربت، أو من خلال خصائص src الإشارة إلى ملف سكربت خارجي.

نوع السكربت الأكثر شيوعًا هو جافا سكربت، ولكن المتصفحات تدعم أيضًا بعض لغات السكربت الأخرى.

من الاستخدامات الشائعة لجافا سكربت معالجة الصور، التحقق من صحة النماذج، وتغيير المحتوى بشكل حيوي.

ملاحظة:نوع script المكونة للعنصر يعتمد على استخدامها. العناصر script الموجودة في عنصر head تعتبر عناصر البيانات، والعناصر script الموجودة في العناصر الأخرى (مثل الجسم أو القسمالمكونات المترادفة تعتبر عناصر عبارات.

انظر أيضًا:

دليل HTML:سكربتات HTML

دليل HTML DOM:مفهوم السكربت

دليل جافا سكربت:تعلم جافا سكربت

实例

例子 1：定义文档内嵌脚本

使用 JavaScript 写入 "Hello JavaScript!"：

معظم المتصفحات ستعرض ما يلي كقيم افتراضية
document.getElementById("demo").innerHTML = "Hello JavaScript!";
//]]>

亲自试一试

例子 2：载入外部脚本库

<script src="simple.js"></script>

亲自试一试

提示和注释

提示：针对禁用脚本或不支持脚本的浏览器，另请参阅 <noscript> 元素خصائص عالمية HTML

提示：如果您想学习有关 JavaScript 的更多内容，请访问我们的 خصائص async تسمية HTML <script>خصائص عالمية HTML

属性

属性 值 描述
async async 规定脚本在解析页面的同时进行并行下载，并在可用时立即执行（在解析完成之前）（仅适用于外部脚本）。
crossorigin
  • anonymous
  • use-credentials
 将请求的模式设置为 HTTP CORS 请求。
defer defer 规定脚本在解析页面的同时进行并行下载，并在页面完成解析后执行（仅适用于外部脚本）。
integrity filehash 允许浏览器检查获取的脚本，以确保如果源代码被篡改，代码永远不会被加载。
nomodule
  • True
  • False
 规定脚本不应在支持 ES2015 模块的浏览器中执行。
referrerpolicy
  • no-referrer
  • no-referrer-when-downgrade
  • origin
  • origin-when-cross-origin
  • same-origin
  • strict-origin
  • strict-origin-when-cross-origin
  • unsafe-url
 规定在获取脚本时发送哪些引用者信息。
src URL 规定外部脚本文件的 URL。
type 脚本类型 规定脚本的媒体类型。

HTML 和 XHTML 之间的差异

在 XHTML 中，脚本内的内容被声明为 #PCDATA（而不是 CDATA），这意味着实体将被解析。

这意味着在 XHTML 中，所有特殊字符都应该被编码，或者所有内容应该被包裹在 CDATA 部分中：

<script type="text/javascript">
//<![CDATA[
م変عدد i = 10;
إذا (i < 5) {
  // some code
display: none;
// some code
//]]>

</script>

معظم المتصفحات ستعرض ما يلي كقيم افتراضية خصائص عالمية الدوال يدعمخصائص عالمية HTML

。

إعدادات CSS افتراضية معظم المتصفحات ستعرض ما يلي كقيم افتراضية <script>

العنصر:
  script {
display: none;

}

دعم المتصفحات Chrome Edge Firefox Safari
دعم المتصفحات Chrome Edge Firefox Safari
Opera Opera Opera Opera Opera