HTML에서 스크립트 배치에 대한 간략한 설명
- 高洛峰원래의
- 2017-02-11 14:23:541544검색
아래 편집기에서는 HTML의 스크립트 배치에 대해 간략하게 설명합니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리고자 합니다. 에디터를 따라가서 살펴보겠습니다.
스크립트는 HTML의 어느 곳에나 배치할 수 있다고 생각했는데 오늘 요청을 해보니 스크립트는 아무렇게나 배치되지 않습니다.
먼저 select 태그를 yes, no 두 가지 옵션으로 구현하고 싶습니다. 그런데 초기화 시 select 태그는 기본적으로 null 값을 선택해야 하므로, 이를 허용하는 메소드를 추가했습니다. 삭제:
XML/HTML 코드 내용을 클립보드에 복사
<!DOCTYPE html>
<html>
<head>
<script src="jquery/jquery-1.11.1.min.js"></script>
</head>
<script>
$('#checkcash').click(function () {
if ($('#checkcash').val() == '0') {
$("#checkcash option[value='0']").remove();
}
});
$("#alert").click(function(){
alert("1123");
})
</script>
<body>
是否已提现 <select id="checkcash" style="width: 181px">
<option selected="selected" value="0"></option>
<option value="1">是</option>
<option value="2">否</option>
</select>
<input type='button' id='alert' value="anwo">
</body>
</html>
하지만 이것은 원하는 효과가 나오지 않습니다. 처음에는 jquery 구문 오류인 줄 알고 계속 온라인으로 확인하고 수정했지만 작동하지 않았습니다. 그러다가 갑자기 스크립트를 뒤에 넣어야 할지 고민했습니다. 그러다가 갑자기 그렇지 않다는 것을 깨달았습니다.
나중에 이유를 확인해 보니 html 파일이 위에서 아래로 실행되기 때문인데 가져온 CSS와 자바스크립트의 순서가 다르기 때문에 CSS를 도입하고 로드해도 프로그램이 계속 실행됩니다. <script> 스크립트가 실행되면 스레드가 중단되고 스크립트 스크립트 실행이 완료된 후에만 프로그램이 계속 실행됩니다. 따라서 스크립트의 오랜 실행으로 인한 지연 차단을 피하기 위해 스크립트는 일반적으로 본문 뒤에 배치됩니다. 일부 페이지의 효과를 얻으려면 일부 js 스크립트를 미리 동적으로 로드해야 하므로 이러한 스크립트를 6c04bd5ca3fcae76e30b72ad730ca86d 앞에 배치해야 합니다. 둘째, dom 요소에 액세스해야 하는 js는 dom이 아직 생성되지 않았기 때문에 본문 앞에 배치할 수 없습니다. 따라서 본문보다 먼저 dom 요소에 액세스하는 js는 오류가 발생하거나 유효하지 않게 됩니다. 그렇기 때문에 DOM이 생성되기 전에 DOM에 메서드를 추가하여 이런 일이 발생했습니다. </script>
정말 더 공부해야겠다는 생각이 들지만 깊게 공부하진 않았어요. 앞으로도 열심히 하세요!
위의 HTML 스크립트 배치에 대한 간략한 논의는 모두 편집자가 공유한 내용이므로 참고가 되기를 바라며, PHP 중국어 웹사이트에 많은 응원 부탁드립니다.
HTML에서 스크립트 배치에 대한 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!