Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML में दस्तावेज़ प्रिंट होने से पहले स्क्रिप्ट कैसे निष्पादित करें?


onbeforeprint इवेंट एट्रिब्यूट

onbeforeprint एट्रिब्यूट का उपयोग HTML में दस्तावेज़ प्रिंट होने से पहले स्क्रिप्ट निष्पादित करने के लिए किया जाता है। यह इवेंट तब ट्रिगर होता है जब उपयोगकर्ता प्रिंट डायलॉग खोलता है (Ctrl+P या प्रिंट बटन के माध्यम से)।

उदाहरण

निम्नलिखित कोड onbeforeprint एट्रिब्यूट का उपयोग दिखाता है:

<!DOCTYPE html>
<html>
<body onbeforeprint="display()">
    <script>
        function display() {
            alert("दस्तावेज़ अब प्रिंट होगा।");
        }
    </script>
</body>
</html>

व्यावहारिक उपयोग के मामले

  • प्रिंटिंग से पहले लेआउट समायोजित करना (साइडबार छिपाना, फॉन्ट आकार बदलना)
  • वॉटरमार्क या पेज नंबर जोड़ना
  • डायनामिक सामग्री को प्रिंट के लिए तैयार करना
  • प्रिंट-विशिष्ट स्टाइलशीट सक्रिय करना

संबंधित इवेंट्स

प्रिंटिंग से संबंधित अन्य इवेंट्स:

इवेंट विवरण
onafterprint दस्तावेज़ प्रिंट होने के बाद फायर होता है
onbeforeprint प्रिंट डायलॉग खुलने से पहले फायर होता है

CSS विकल्प

अधिकांश प्रिंट-संबंधी स्टाइलिंग के लिए, JavaScript के बजाय CSS @media print क्वेरी का उपयोग करना बेहतर होता है:

@media print {
    .sidebar, .nav, .ads { display: none; }
    .content { font-size: 12pt; }
    .watermark::after { content: "गोपनीय"; }
}
  1. - HTML में तत्व को फोकस मिलने पर स्क्रिप्ट कैसे निष्पादित करें?

    onfocus इवेंट एट्रिब्यूट onfocus एट्रिब्यूट HTML में किसी तत्व को फोकस मिलने पर (क्लिक, टैब, या प्रोग्रामेटिक रूप से) स्क्रिप्ट निष्पादित करता है। यह फॉर्म फील्ड्स, लिंक्स, बटन्स, और tabindex वाले तत्वों पर काम करता है। उदाहरण निम्नलिखित कोड onfocus एट्रिब्यूट का उपयोग दिखाता है: { el

  1. HTML में प्लेबैक दर बदलने पर स्क्रिप्ट कैसे निष्पादित करें? HTML में प्लेबैक दर बदलने पर स्क्रिप्ट कैसे निष्पादित करें?

    onratechange इवेंट एट्रिब्यूट onratechange एट्रिब्यूट HTML में मीडिया तत्व (<audio>, <video>) की प्लेबैक दर बदलने पर स्क्रिप्ट निष्पादित करता है। यह playbackRate प्रॉपर्टी बदलने पर या उपयोगकर्ता द्वारा प्लेबैक गति नियंत्रण उपयोग करने पर ट्रिगर होता है। उदाहरण निम्नलिखित कोड onratechang

  1. HTML DOM Script ऑब्जेक्ट HTML DOM Script ऑब्जेक्ट

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