목차
<script> 객체 정의 - JS코드 입력
<script> 객체 구문
<script> 객체 예제 - 접근
<script> 객체 예제 - 생성
<script> 객체 속성
<script> 객체 정의 - JS코드 입력
HTML <script> 태그(요소) 의미.
<script> 객체 구문
[접근]
var x = document.getElementById ("요소ID");
또는,
var x = document.scripts
[생성]
var x = document.createElement ("SCRIPT");
<script> 객체 예제 - 접근
<script id="hz" src="https://homzzang.com/sample.js"></script>
<button onclick="homzzang()">클릭</button>
<p id="demo"></p>
<script>
function homzzang() {
var x = document.getElementById("hz").src;
document.getElementById("demo").innerHTML = x;
}
</script>
결과보기
<script> 객체 예제 - 생성
<button onclick="homzzang()">클릭</button>
<script>
function homzzang() {
var x = document.createElement("SCRIPT");
var t = document.createTextNode("alert('Homzzang.com')");
x.appendChild(t);
document.body.appendChild(x);
}
</script>
결과보기
<script> 객체 속성
async
스크립트를 사용할 수있는 즉시 비동기적으로 실행할지 여부 설정/반환.
charset
스크립트의 charset 속성값 설정/반환.
crossOrigin
스크립트의 CORS 설정을 설정/반환.
defer
페이지 파싱이 끝나면 스크립트를 실행할지 여부를 설정/반환.
src
스크립트의 src 속성값 설정/반환.
text
스크립트의 자식인 모든 텍스트 노드의 내용 설정/반환.
type
스크립트의 type 속성값 설정/반환.
※ <script> 객체는 표준 속성/메서드 /이벤트 지원.
주소 복사
랜덤 이동