JavaScript 스타일 시트

JavaScript Style Sheets(JSSS)는 웹 ^[1]페이지 표시를 정의하는 기능을 제공하기 위해 Netscape Communications가 1996년에 제안한 스타일시트 언어 기술입니다.CSS(Cascading Style Sheets) ^[1]테크놀로지의 대체 수단입니다.

넷스케이프는 이를 월드와이드웹컨소시엄(W3C)에 제출했지만 이 기술은 정식 표준으로 받아들여지지 않았고 웹브라우저 시장에서도 받아들여지지 않았다.Netscape Communicator 4만이 JSSS를 구현했으며, 경쟁사인 Internet Explorer는 이 기술을 구현하지 않기로 결정했다.1997년 Netscape Communicator가 출시된 직후 Netscape는 JSS를 홍보하는 것을 중단하고 경쟁사인 CSS 표준에 초점을 맞췄으며, 이는 또한 Internet Explorer에 의해 지원되었고 훨씬 더 광범위한 업계 수용을 받았다.

Netscape Communicator 의 후속 버전인 Netscape 6(2000년에 발매)에서는, JSSS 의 서포트가 끊어졌습니다.웹 개발자들은 일반적으로 이전의 존재에 대해 알지 못하기 때문에, 그것은 이제 역사적 각주에 지나지 않는다.그 제안은 W3C 표준이 되지 않았다.

구문

JavaScript 코드를 스타일시트로 사용하여 JSSS는 의 속성을 수정하여 개별 요소를 스타일링합니다.document.tags물건.예를 들어 CSS는 다음과 같습니다.

 h1 { 폰트 사이즈: 20pt; } 

JSSS에 해당합니다.

 문서.태그.H1.폰트 사이즈 = "20피트"; 

JSSS 요소명은 대소문자를 구분합니다.

JSSS에는 다양한 CSS 셀렉터 기능이 없습니다.단순한 태그명, 클래스 및 ID 셀렉터만 지원됩니다.한편 완전한 프로그래밍 언어를 사용하여 작성되기 때문에 스타일시트는 매우 복잡한 동적 계산과 조건부 처리를 포함할 수 있습니다(그러나 실제로는 JavaScript를 사용하여 실행 시 문서에 적용할 수 있는 스타일시트를 수정할 수 있습니다).이 때문에 JSSS는 동적 웹 페이지 작성에 자주 사용되었습니다.

예

다음으로 HTML 문서의 소스 코드 일부를 표시하는 예를 나타냅니다.

< >스타일. 유형="텍스트/스크립트 작성"> 태그.H1.색. = "빨간색"; 태그.p.폰트 사이즈 = "20피트";  와 함께 (태그.H3) {     색. = "녹색"; } 와 함께 (태그.H2) {     색. = "빨간색";     폰트 사이즈 = '16pt';     마진 톱 = '4cm'; } </스타일.> 

캐스케이드 스타일시트와 마찬가지로 JSSS는<style>tag. 이 예에서는 태그를 선택하는 두 가지 방법을 보여 줍니다.

브라우저 지원

Javascript Style Sheets는 Netscape 4.x(4.0~4.8)에서만 지원되며 이후 버전은 지원되지 않습니다.다른 웹 브라우저는 JSSS를 통합한 적이 없습니다.

레퍼런스

외부 링크

• Netscape의 JavaScript 기반 스타일 시트 W3C에 제출
• JavaScript 스타일시트의 역동적이고 강력한 기능
• JavaScript 스타일 시트 참조