97 lines
2.4 KiB
Markdown
97 lines
2.4 KiB
Markdown
|
---
|
|||
|
|
title: Where to
|
|||
|
|
localeTitle: ألى أين
|
|||
|
|
---
|
|||
|
|
## ألى أين
|
|||
|
|
|
|||
|
|
JavaScript هي لغة برمجة HTML والويب. في HTML ، يجب إدراج JavaScript في علامة حاوية `<script>` .
|
|||
|
|
|
|||
|
|
### مثال
|
|||
|
|
|
|||
|
|
`
|
|||
|
|
<script>
|
|||
|
|
window.alert("This JavaScript Works!");
|
|||
|
|
</script>
|
|||
|
|
`
|
|||
|
|
|
|||
|
|
تذكر أيضًا أنه يمكنك وضع أي عدد من علامات `<script>` في مستند HTML.
|
|||
|
|
|
|||
|
|
### أين تذهب العلامة `<script>` ؟
|
|||
|
|
|
|||
|
|
يمكن وضع علامة `<script>` في `<head>` أو `<body>` .
|
|||
|
|
|
|||
|
|
### JavaScript في `<head>`
|
|||
|
|
|
|||
|
|
في هذا المثال ، يتم وضع JavaScript في قسم `<head>` من المستند. يتم إنشاء وظيفة **onClicked** ، والتي تسمى عند الضغط على زر.
|
|||
|
|
|
|||
|
|
`
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<script>
|
|||
|
|
function onClicked() {
|
|||
|
|
window.alert("Hi, there!");
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<h1>JavaScript Testing</h1>
|
|||
|
|
<button type="button" onclick="onClicked()">Try it</button>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
`
|
|||
|
|
|
|||
|
|
### JavaScript في `<body>`
|
|||
|
|
|
|||
|
|
هنا ، يتم وضع جافا سكريبت في . يتم إنشاء الدالة **onClicked** ويتم **تعيينها ليتم تشغيلها** عند النقر فوق الزر.
|
|||
|
|
|
|||
|
|
`
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<h1>JavaScript Testing</h1>
|
|||
|
|
<button type="button" id="buttonClicked">Try it</button>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
document.getElementById("buttonClicked").onclick = onClicked;
|
|||
|
|
|
|||
|
|
function onClicked() {
|
|||
|
|
window.alert("Hi, there!");
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
`
|
|||
|
|
|
|||
|
|
### البرامج النصية الخارجية
|
|||
|
|
|
|||
|
|
يمكن وضع البرامج النصية أيضًا في ملفات خارجية. دعونا إنشاء ملف **script.js** .
|
|||
|
|
|
|||
|
|
##### script.js
|
|||
|
|
|
|||
|
|
`window.alert("Hi!");
|
|||
|
|
`
|
|||
|
|
|
|||
|
|
يمكن تضمين هذا البرنامج النصي في مستند HTML على النحو التالي:
|
|||
|
|
|
|||
|
|
`
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<script src="script.js"></script>
|
|||
|
|
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
`
|
|||
|
|
|
|||
|
|
_مرحبا!_ سيظل يتم تنبيهك عند عرض الصفحة. تذكر أنك لست بحاجة إلى تضمين علامات `<script>` في ملفات JavaScript (الملفات التي تحتوي على الامتداد **.js** ).
|
|||
|
|
|
|||
|
|
#### معلومات اكثر:
|
|||
|
|
|
|||
|
|
ياهو توصي بوضع مخطوطات في القاع. هذا موضح [هنا](https://developer.yahoo.com/performance/rules.html#js_bottom) ، مع سبب هذه التوصية.
|