HTML DOM Script ऑब्जेक्ट

Script ऑब्जेक्ट क्या है?

HTML DOM Script ऑब्जेक्ट HTML दस्तावेज़ में <script> तत्व को दर्शाता है। यह जावास्क्रिप्ट कोड को एम्बेड करने या बाहरी स्क्रिप्ट फ़ाइलों को संदर्भित करने के लिए उपयोग किया जाता है। DOM के माध्यम से, आप डायनामिक रूप से स्क्रिप्ट तत्व बना सकते हैं, संशोधित कर सकते हैं और प्रबंधित कर सकते हैं।

Script ऑब्जेक्ट बनाना

सिंटैक्स

document.createElement("SCRIPT");

Script ऑब्जेक्ट की प्रॉपर्टीज़

उदाहरण

यह उदाहरण दर्शाता है कि कैसे डायनामिक रूप से एक स्क्रिप्ट तत्व बनाया जाता है और उसे दस्तावेज़ में जोड़ा जाता है:

<!DOCTYPE html>
<html>
<head>
<style>
  body {
    text-align: center;
    background-color: #fff;
    color: #0197F6;
  }
  h1 { color: #23CE6B; }
  .btn {
    background-color: #fff;
    border: 1.5px dashed #0197F6;
    height: 2rem;
    border-radius: 2px;
    width: 60%;
    margin: 2rem auto;
    display: block;
    color: #0197F6;
    outline: none;
    cursor: pointer;
  }
</style>
</head>
<body>
<h1>DOM Script ऑब्जेक्ट डेमो</h1>
<button onclick="createScript()" class="btn">एक स्क्रिप्ट ऑब्जेक्ट बनाएं</button>
<script>
  function createScript() {
    var scriptElement = document.createElement("SCRIPT");
    scriptElement.innerHTML = "confirm('क्या आप एक स्क्रिप्ट तत्व बनाने में सक्षम हैं?')";
    document.body.appendChild(scriptElement);
  }
</script>
</body>
</html>

आउटपुट

"एक स्क्रिप्ट ऑब्जेक्ट बनाएं" बटन पर क्लिक करने पर, एक नया <script> तत्व बनाया जाता है जिसमें एक कन्फर्म डायलॉग होता है, और यह तुरंत निष्पादित होता है।

महत्वपूर्ण अवधारणाएं

• डायनामिक स्क्रिप्ट लोडिंग: आप रनटाइम पर स्क्रिप्ट लोड कर सकते हैं, जो लेज़ी लोडिंग के लिए उपयोगी है।
• async बनाम defer: async स्क्रिप्ट को डाउनलोड होते ही निष्पादित करता है (पार्सिंग ब्लॉक कर सकता है), जबकि defer पेज पार्सिंग पूरी होने तक प्रतीक्षा करता है।
• type="module" आधुनिक ES मॉड्यूल के लिए उपयोग करें।
• सुरक्षा: crossOrigin विशेषता क्रॉस-ओरिजिन अनुरोधों के लिए CORS व्यवहार को नियंत्रित करती है।