ስክሪፕትን በ Html ውስጥ እንዴት መክተት እንደሚቻል

ዝርዝር ሁኔታ:

ስክሪፕትን በ Html ውስጥ እንዴት መክተት እንደሚቻል
ስክሪፕትን በ Html ውስጥ እንዴት መክተት እንደሚቻል

ቪዲዮ: ስክሪፕትን በ Html ውስጥ እንዴት መክተት እንደሚቻል

ቪዲዮ: ስክሪፕትን በ Html ውስጥ እንዴት መክተት እንደሚቻል
ቪዲዮ: Google Colab - Using Magic Commands and Colab Features 2024, ታህሳስ
Anonim

ኤችቲኤምኤል ስዕላዊ እና ጽሑፋዊ ክፍሎችን ለማሳየት ኃላፊነት ላለው የድር ገጾች የምልክት ቋንቋ ነው። በተለያዩ የፕሮግራም ቋንቋዎች የተፃፉ ስክሪፕቶችን ለመተግበርም ሊያገለግል ይችላል ፡፡ ስክሪፕት ወደ ኤችቲኤምኤል ለማስገባት አንድ ልዩ አካል ጥቅም ላይ ይውላል።

ስክሪፕትን በ html ውስጥ እንዴት መክተት እንደሚቻል
ስክሪፕትን በ html ውስጥ እንዴት መክተት እንደሚቻል

መመሪያዎች

ደረጃ 1

ኮዱ በሰነዱ አካል እና በክፍል ውስጥ በገጹ ውስጥ ሊገባ ይችላል ፡፡ ገባሪ ይዘት ለማከል ያልተገደበ ብዛት ያላቸውን አካላት መጠቀም ይችላሉ። ዋናው ነገር የታከሉት ስክሪፕቶች በዋናው ይዘት ማሳያ ላይ ጣልቃ አይገቡም ፡፡ የኤችቲኤምኤል ኮድ ለማርትዕ ገጽዎን በማንኛውም የጽሑፍ አርታዒ ውስጥ ይክፈቱ። የድር አስተዳዳሪዎች ብዙውን ጊዜ በተግባራቸው ውስጥ ገላጭዎችን ጎላ አድርገው ያሳዩ ፕሮግራሞችን ይጠቀማሉ-ማስታወሻ ደብተር ++ ፣ የድር ልማት ስቱዲዮ ፣ HTML አንባቢ ፡፡ የዊንዶውስ ኦፐሬቲንግ ሲስተም መደበኛ ማስታወሻ ደብተር መተግበሪያን በመጠቀም አስፈላጊው ፋይል ሊከፈት ይችላል ፡፡

ደረጃ 2

በጽሑፍ አርታዒው መስኮት ውስጥ የኤችቲኤምኤል ኮድ ያስገቡ። ለምሳሌ ፣ ጃቫእስክሪፕትን በአንድ ገጽ ውስጥ ለማስገባት የሚከተሉትን ትዕዛዝ ይጠቀሙ:

ለማስፈፀም ኮድ

የተጠቀሰው ኮድ በገጽ ጭነት ላይ ይፈጸማል እና በአብራሪው ውስጥ ይገደላል። በዚህ ሁኔታ ፣ የዓይነቱ መመዘኛ የጃቫስክሪፕት የፕሮግራም ቋንቋ በሚቀጥለው ጊዜ ጥቅም ላይ እንደሚውል ለአሳዳሪው ያሳውቃል።

ደረጃ 3

ስክሪፕቱ አንድን የተወሰነ ክስተት ለማስኬድ ፣ ለምሳሌ ፣ አንድ አዝራር ሲጫን በአንድ ተግባር ውስጥ ማስገባት አለበት። በክፍሉ ውስጥ የስክሪፕቱን ኮድ ይግለጹ

የተግባር ማሳያ ቀን ()

{document.getElementById (“ማከናወን”)። ውስጣዊ HTML = ቀን (); }

ይህ የጃቫስክሪፕት ኮድ በገጹ ላይ የአሁኑን ጊዜ ለማሳየት ሃላፊነት አለበት ፣ ነገር ግን በማሳያው ላይ ለማሳየት በሚሠራበት ጊዜ የተፈጠረውን ጽሑፍ ለማስኬድ ተጨማሪ ትዕዛዝ ማስገባት ያስፈልግዎታል ፡፡

ደረጃ 4

ኤችቲኤምኤልን በመጠቀም በሰነዱ አካል ውስጥ ኤለመንቱን ለማንቃት ኃላፊነት የሚወስድ ቁልፍን ይፍጠሩ:

ሰዓት አሳይ

ይህ ኮድ የጃቫስክሪፕት ተቆጣጣሪ ቁልፍን ይፈጥራል። እሱን ጠቅ ካደረጉ በኋላ የስክሪፕቱ ውጤት ይታያል ፡፡

ደረጃ 5

በአንድ የተወሰነ ፋይል ውስጥ የሚገኝ በኤችቲኤምኤል ውስጥ የውጫዊ ስክሪፕት ፕሮግራም ለማካተት የሚከተሉትን ኮድ ማስኬድ ያስፈልግዎታል

አንዴ ከተገደለ በኋላ ፋይል.js የተሰየመው ስክሪፕት በገጹ ውስጥ ይካተታል ፡፡ ውጫዊ ፋይል ለተሳካ መደመር ምንም ንጥረ ነገሮችን መያዝ እንደሌለበት ልብ ማለት ይገባል ፡፡

የሚመከር: