HTML에서 스크립트의 배치 위치-HTML 튜토리얼-php.cn

HTML에서 스크립트의 배치 위치

巴扎黑

풀어 주다： 2017-03-30 13:20:15

원래의

1553명이 탐색했습니다.

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

먼저 select 태그를 yes, no 두 가지 옵션으로 구현하고 싶습니다. 그런데 초기화 시 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와 자바스크립트의 순서가 다르기 때문에 CSS를 도입하고 로드해도 프로그램이 계속 실행됩니다. <script> 스크립트가 실행되면 스레드가 중단되고 스크립트 스크립트 실행이 완료된 후에만 프로그램이 계속 실행됩니다. 따라서 스크립트의 오랜 실행으로 인한 지연 차단을 피하기 위해 일반적으로 스크립트를 본문 뒤에 배치합니다. 일부 페이지의 효과를 얻으려면 일부 js 스크립트를 미리 동적으로 로드해야 하므로 이러한 스크립트를 <body> 앞에 배치해야 합니다. 둘째, dom 요소에 액세스해야 하는 js는 dom이 아직 생성되지 않았기 때문에 본문 앞에 배치할 수 없습니다. 따라서 본문보다 먼저 dom 요소에 액세스하는 js는 잘못되거나 유효하지 않습니다. 그렇기 때문에 DOM이 생성되기 전에 DOM에 메서드를 추가하여 이런 일이 발생했습니다. <br/><br/>정말 공부를 많이 해야겠다는 생각만 하고 깊이 파고들지는 않아요. 앞으로도 열심히 하세요! <… 원리는 동일합니다. 위와 동일합니다. 이 메소드는 페이지가 로드된 후에 실행되므로 어디에 놓아도 사용할 수 있습니다! <br/><br/>HTML에서 스크립트 배치에 대해 간략하게 설명한 위의 글은 모두 편집자가 공유한 내용이므로 참고가 되셨으면 좋겠습니다. Script Home에 많은 지원 부탁드립니다. <br/><br/></script>