የጃቫ ስክሪፕት እንዴት እንደሚገናኝ

ዝርዝር ሁኔታ:

የጃቫ ስክሪፕት እንዴት እንደሚገናኝ
የጃቫ ስክሪፕት እንዴት እንደሚገናኝ

ቪዲዮ: የጃቫ ስክሪፕት እንዴት እንደሚገናኝ

ቪዲዮ: የጃቫ ስክሪፕት እንዴት እንደሚገናኝ
ቪዲዮ: መሰረታዊ የፊልም ድርሰት አጻጻፍ ክፍል አንድ 2024, ህዳር
Anonim

ጃቫስክሪፕት ለድር ገጾች እጅግ በጣም የታወቀ የስክሪፕት ቋንቋ እና ለድር በእውነቱ መደበኛ ነው። እስከዛሬ ድረስ እጅግ በጣም ብዙ የጃቫስክሪፕት ስክሪፕቶች ተፈጥረዋል ፣ አብዛኛዎቹ ነፃ እና ነፃ ናቸው። ለዚህም ምስጋና ይግባውና ማንኛውም የድር አስተዳዳሪ ለአሁኑ ፍላጎቶቹ የሚስማማ ጽሑፍ ማግኘት ይችላል ፡፡ እና እሱ ማወቅ የሚገባው ነገር ሁሉ የጃቫ ስክሪፕት ከድረ-ገጽ እንዴት እንደሚገናኝ ነው ፡፡

የጃቫ ስክሪፕት እንዴት እንደሚገናኝ
የጃቫ ስክሪፕት እንዴት እንደሚገናኝ

አስፈላጊ

የሰነዱን ኮድ የማርትዕ ችሎታ።

መመሪያዎች

ደረጃ 1

ከውጭ ከሚገኘው ምንጭ ፣ በሚታወቀው URI የተፃፈውን ጽሑፍ ወደ ሰነዱ አካትት ፡፡ ከተጠቀሰው የ src አይነታ እሴት ጋር የ ‹እስክሪፕት ኤችቲኤምኤል› አካልን ይጠቀሙ ፡፡ የቅጹን ግንባታ በእሱ ላይ በማከል ሰነዱን ያርትዑ

እዚህ ፣ የስክሪፕት_ዩአይ እሴት የስክሪፕት ውሂብ የሚጫንበትን ሃብት ለይቶ የሚያሳውቅ URI መሆን አለበት።

የስክሪፕቱ ቁምፊ ኢንኮዲንግ ከሰነዱ የባህሪ አጻጻፍ (ኮድ ኢንኮዲንግ) የሚለያይ ከሆነ እንደ “charset” አይነቱ እሴት መገለጽ አለበት ፡፡ የሰነዱን ኢንኮዲንግ የሚወሰነው በአገልጋዩ የኤችቲቲፒ ምላሽ ራስጌ ይዘት-ዓይነት መስክ ወይም በ ‹ሜታኤ› ንጥረ-ነገር የይዘት አይነቱ እሴት በይዘት-ዓይነት ከተዋቀረ ነው ፡፡

ስክሪፕቶችን በዚህ መንገድ ማገናኘት ብዙውን ጊዜ በሰነዱ ራስጌ ውስጥ ይከናወናል (ስክሪፕት አካላት በ HEAD ንጥረ ነገር ውስጥ ይገኛሉ) እና ወዲያውኑ መገደላቸው አያስፈልግም ፡፡ በዚህ ሁኔታ ፣ ለተዘገበው የስክሪፕት ጽሑፍ የዘገየውን አይነታ መጠቀሙ ምክንያታዊ ነው ፡፡

ደረጃ 2

በቀጥታ ወደ ሰነዱ በማካተት ስክሪፕቱን ያካትቱ ፡፡ የጃቫስክሪፕት ይዘት ባለው ሰነድዎ ምዝገባ ላይ የ ‹እስክሪፕት› አካል ያክሉ። እንደ ግንባታ ይጠቀሙ:

// የስክሪፕት ኮድ ጽሑፍ

// የስክሪፕት ኮድ ጽሑፍ

// የስክሪፕት ኮድ ጽሑፍ

በስክሪፕት ኮድ ዙሪያ ለሚገኙ የኤችቲኤምኤል አስተያየቶች ትኩረት ይስጡ ፡፡ ከቀድሞ የአሳሽ ሞዴሎች ጋር ተኳሃኝነት ያስፈልጋሉ ፡፡

ደረጃ 3

የ “ጃቫ ስክሪፕት” ን በመጥቀስ ስክሪፕቱን አካትት ፡፡የኤለመንት ኢላማ መልህቅ ፕሮቶኮል ገላጭ URI በሰነዱ ውስጥ ከቅጹ የ href አይነታ እሴት ጋር አገናኝ ይፍጠሩ ፡፡

ጃቫስክሪፕት

እዚህ ፣ እሴቱ በጃቫስክሪፕት ውስጥ የተሰላ መግለጫ መሆን አለበት። በዚህ ሁኔታ ፣ የቋንቋው በርካታ ዓረፍተ ነገሮች የኦፕሬተር ቅንፎችን በመጠቀም ወደ አንድ አገላለፅ ሊጣመሩ ይችላሉ-

ጽሑፍ

እንዲህ ዓይነቱ አገናኝ በማንኛውም መንገድ (በተጠቃሚ ወይም በፕሮግራም) ሲነቃ ፣ የተከተተውን የስክሪፕት ኮድ ይፈጸማል።

ደረጃ 4

ለውስጣዊ አካል ክስተት ተቆጣጣሪዎች እንደ ኮድ ሰነድዎ ላይ ስክሪፕቶችን ያክሉ። ይህንን ለማድረግ ለእነዚህ ንጥረ ነገሮች ተስማሚ ባህሪያትን በማከል ለተመረጡት አካላት ለተፈለጉ ክስተቶች አብሮገነብ ተቆጣጣሪዎችን ይግለጹ ፡፡ ለባህሪ እሴቶች የጃቫስክሪፕት ቅንጥቦችን ያስገቡ። ለምሳሌ ፣ እንደዚህ ባለው የዲቪቪ አካል ላይ ለአንድ ጠቅታ ክስተት እንደ ተቆጣጣሪ ኮድን ማከል ይችላሉ-

ንጥረ ነገር ይዘት

በተመጣጣኝ የተጠቃሚ ወኪሎች መደገፍ ያለባቸውን የንጥል ክስተቶች ዝርዝር ለማግኘት በ W3C's w3c.org ድር ጣቢያ ላይ የደረጃ 2 እና 3 DOM ዝርዝር (DOM2 እና DOM3) የክስተቶች ክፍልን ይመልከቱ ፡፡

የሚመከር: