जावास्क्रिप्ट स्टाइल शीट्स

From Vigyanwiki
Revision as of 11:34, 2 July 2023 by Manidh (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
JavaScript Style Sheets
Internet media type
text/javascript
Developed byNetscape Communications Corporation
Type of formatStyle sheet language
StandardNetscape's JavaScript-Based Style Sheets submission to the W3C

जावास्क्रिप्ट स्टाइल शीट (जेएसएसएस) 1996 में नेटस्केप द्वारा वेबपृष्ठों की प्रस्तुति को परिभाषित करने की सुविधा प्रदान करने के लिए प्रस्तावित एक स्टाइलशीट भाषा तकनीक थी।[1] इस प्रकार से यह व्यापक स्टाइल शीट (सीएसएस) तकनीक का एक विकल्प था।[1]

यद्यपि नेटस्केप ने इसे वर्ल्ड वाइड वेब संघ (डब्ल्यू3सी) को प्रस्तुत किया, परन्तु तकनीक को औपचारिक मानक के रूप में कभी स्वीकार नहीं किया गया और इसे कभी भी वेब ब्राउज़र बाजार में स्वीकृति नहीं मिली थी। इस प्रकार से मात्र नेटस्केप संप्रेषक 4 ने जेएसएसएस को लागू किया जिससे प्रतिद्वंद्वी इंटरनेट एक्सप्लोरर ने प्रौद्योगिकी को लागू नहीं करने का विकल्प चुना था। अतः 1997 में नेटस्केप संप्रेषक के जारी होने के तुरंत बाद नेटस्केप द्वारा प्रतिद्वंद्वी सीएसएस मानक पर ध्यान केंद्रित करने के अतिरिक्त जेएसएसएस को पूर्ण रूप से बढ़ावा देना संवृत कर दिया गया था, जिसे इंटरनेट एक्सप्लोरर द्वारा भी समर्थित किया गया था और इसकी व्यापक उद्योग की स्वीकृति की थी।

इस प्रकार से नेटस्केप संप्रेषक ने नेटस्केप 6 (2000 में जारी) के अनुवर्ती द्वारा जेएसएसएस के लिए समर्थन छोड़ दिया था। अतः यह अब पूर्ण रूप से एक ऐतिहासिक फुटनोट से अतिरिक्त अधिक है क्योंकि यह वेब विकास के साथ सामान्यतः इसके पूर्व अस्तित्व से अनभिज्ञ है। अतः यह प्रस्ताव डब्ल्यू3सी मानक नहीं बन पाया था।

सिंटेक्स

इस प्रकार से एक स्टाइलशीट के रूप में जावास्क्रिप्ट कोड का उपयोग करते हुए किया था, जेएसएसएस किसी document.tags वस्तु के गुणों को संशोधित करके व्यक्तिगत अवयव को स्टाइल करता है। उदाहरण के लिए, सीएसएस:

 h1 { font-size: 20pt; }

इस प्रकार से यह जेएसएसएस के बराबर है:

 document.tags.H1.fontSize = "20pt";

जेएसएसएस अवयव नाम विषय संवेदी होते हैं।

अतः जेएसएसएस में विभिन्न सीएसएस चयनकर्ता सुविधाओं का अभाव है, मात्र साधारण टैग नाम, वर्ग और आईडी चयनकर्ताओं का समर्थन करता है। इस प्रकार से दूसरी ओर, चूंकि यह एक पूर्ण प्रोग्रामिंग भाषा का उपयोग करके लिखा गया है अतः इसलिए स्टाइलशीट में अत्यधिक जटिल गतिशील गणना और प्रतिबन्ध प्रसंस्करण सम्मिलित हो सकते हैं। (अतः व्यवहार में, यद्यपि, इसे कार्यावधि पर डॉक्यूमेंट पर लागू स्टाइलशीट को संशोधित करने के लिए जावास्क्रिप्ट का उपयोग करके प्राप्त किया जा सकता है।) इस प्रकार से इस कारण से जेएसएसएस का उपयोग प्रायः गतिशील वेब पृष्ठ के निर्माण में किया जाता था।

उदाहरण

इस प्रकार से निम्न उदाहरण एचटीएमएल-डॉक्यूमेंट के स्रोत कोड का भाग दिखाता है:

<style type="text/javascript">
tags.H1.color = "red";
tags.p.fontSize = "20pt";

with (tags.H3) {
    color = "green";
}
with (tags.H2) {
    color = "red";
    fontSize = "16pt";
    marginTop = "4cm";
}
</style>

इस प्रकार से कैस्केडिंग स्टाइल शीट के समान, जेएसएसएस का उपयोग ‎<style> टैग में किया जा सकता है। अतः यह उदाहरण टैग चुनने के दो अलग-अलग विधियों को दिखाता है।

ब्राउज़र समर्थन

इस प्रकार से जावास्क्रिप्ट स्टाइल शीट मात्र नेटस्केप 4.x (4.0–4.8) द्वारा समर्थित थे परन्तु बाद के संस्करणों में ऐसा नहीं था। अतः किसी अन्य वेब ब्राउज़र ने कभी भी जेएसएसएस को एकीकृत नहीं किया है।

संदर्भ

  1. 1.0 1.1 Håkon Wium Lie; Bert Bos. "Chapter 20 - The CSS saga". World Wide Web Consortium. Retrieved 23 June 2010.


बाहरी संबंध