> 웹 프론트엔드 > HTML 튜토리얼 > HTML에서

스크립트는 HTML 어디에나 배치할 수 있다고 생각했는데, 오늘 요청하면서 스크립트 위치를 임의로 배치할 수 없다는 오해를 바로잡았습니다.

먼저 select 태그를 yes, no 2가지 옵션으로 구현하고 싶습니다. 그런데 초기화 시 select 태그는 기본적으로 null 값을 선택해야 하므로, 다음과 같은 경우 null 값을 삭제하는 메소드를 추가했습니다. 클릭:

<!DOCTYPE html>
<html>
<head>
<script src="jquery/jquery-1.11.1.min.js"></script>
</head>
<script>
$(&#39;#checkcash&#39;).click(function () {
        if ($(&#39;#checkcash&#39;).val() == &#39;0&#39;) {
            $("#checkcash option[value=&#39;0&#39;]").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=&#39;button&#39; id=&#39;alert&#39; value="anwo">
</body>


</html>
로그인 후 복사

하지만 원하는 효과를 얻을 수 없습니다. 처음에는 jquery의 구문 오류인 줄 알았습니다온라인에서 계속 확인하고 수정했지만 작동하지 않았습니다. 그러다 문득 생각이 들었습니다. 스크립트를 뒤에 넣어야 하는데 시도해 봤는데 결과는 당연히 괜찮았는데 문득 그게 아니라는 걸 깨달았습니다.

나중에 확인해 보니 html 파일은 탑다운 방식으로 실행되는데 가져온 CSS와 javascript의 순서가 다르기 때문에 실행 및 로딩을 위해 CSS를 도입해도 프로그램이 계속 실행됩니다. 아래로 내려가면

인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿