HTML дээр скриптийг хэрхэн яаж оруулах вэ

Агуулгын хүснэгт:

HTML дээр скриптийг хэрхэн яаж оруулах вэ
HTML дээр скриптийг хэрхэн яаж оруулах вэ

Видео: HTML дээр скриптийг хэрхэн яаж оруулах вэ

Видео: HTML дээр скриптийг хэрхэн яаж оруулах вэ
Видео: HTML - how to embed video and add controls, width and height 2024, May
Anonim

HTML бол график болон текстэн элементүүдийг харуулах үүрэгтэй вэб хуудасны тэмдэглэгээний хэл юм. Энэ нь янз бүрийн програмчлалын хэл дээр бичсэн скриптүүдийг ашиглахад ашиглаж болно. HTML-д скрипт оруулахад тусгай элемент ашигладаг.

HTML дээр скриптийг хэрхэн яаж оруулах вэ
HTML дээр скриптийг хэрхэн яаж оруулах вэ

Зааварчилгаа

1-р алхам

Кодыг хуудсандаа баримт бичгийн эх хэсэгт болон хэсэгт оруулах боломжтой. Идэвхтэй контент нэмэхийн тулд та хязгааргүй тооны элемент ашиглаж болно. Хамгийн гол нь нэмсэн скриптүүд нь үндсэн агуулгыг харуулахад саад болохгүй байх явдал юм. HTML кодыг засахын тулд ямар ч текст засварлагч дээр хуудсаа нээнэ үү. Вэбмастерууд ихэнхдээ функциональ байдлаараа тодорхойлогчийг тодруулсан програмуудыг ашигладаг: Notepad ++, Web Development Studio, HTML Reader. Шаардлагатай файлыг Windows үйлдлийн системийн стандарт Notepad програм ашиглан нээж болно.

Алхам 2

Текст засварлагч цонхонд HTML кодыг оруулна уу. Жишээлбэл, хуудас руу JavaScript оруулахын тулд дараах тушаалыг ашиглана уу.

Ажиллуулах код

Тодорхойлсон кодыг хуудас ачаалах үед гүйцэтгэж, тодорхойлогч дотор гүйцэтгэнэ. Энэ тохиолдолд type параметр нь боловсруулагчид JavaScript програмчлалын хэлийг дараа нь ашиглах болно гэдгийг мэдэх боломжийг олгоно.

Алхам 3

Скрипт нь тодорхой үйл явдлыг боловсруулахын тулд, жишээлбэл, товчлуур дарахад үүнийг функц дотор оруулах ёстой. Энэ хэсэгт скриптийн кодыг оруулна уу:

Чиг үүрэг displayDate ()

{document.getElementById ("гүйцэтгэх"). innerHTML = Огноо (); }

Энэхүү JavaScript код нь тухайн хуудсанд тухайн цагийг харуулах үүрэгтэй боловч дэлгэц дээр харуулахын тулд үйл ажиллагааны явцад үүссэн текстийг боловсруулах нэмэлт тушаал оруулах шаардлагатай.

Алхам 4

HTML ашиглан баримт бичгийн үндсэн хэсэгт элементийг идэвхжүүлэх товчийг үүсгэнэ үү.

Цаг харуулах

Энэ код нь JavaScript боловсруулагч товчийг үүсгэдэг. Үүнийг дарсны дараа скриптийн үр дүн гарч ирнэ.

Алхам 5

HTML файлд тодорхой файлд байрлах гадаад скрипт програм оруулахын тулд та дараах кодыг ажиллуулах хэрэгтэй.

Гүйцэтгэсний дараа file.js нэртэй заасан скриптийг хуудсанд оруулах болно. Гадаад файл амжилттай нэмж оруулахад ямар ч элемент агуулаагүй байх ёстой гэдгийг тэмдэглэх нь зүйтэй.

Зөвлөмж болгож буй: