Home > Article > Web Front-end > Analysis on the placement position of script in html

Analysis on the placement position of script in html

小云云Original: 2017-12-11 11:37:171628browse

I used to think that script can be placed anywhere in HTML. I corrected my misconception when I made a request today - the location of script is not random. This article mainly talks about the placement of script in HTML. The editor thinks it’s pretty good, so I’ll share it with you now and give it as a reference. Hope it helps everyone.

First of all, I want to implement a select tag with two options: yes and no. However, during initialization, the select tag is required to select a null value by default, so I added a method to let it change the null value when clicking. Delete:

XML/HTML Code Copy content to clipboard

<!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=&#39;button&#39; id=&#39;alert&#39; value="anwo">
</body>
</html>

But this cannot achieve the desired effect. At first I thought it was a jquery syntax error and I kept checking and correcting it online, but it didn’t work. Then I suddenly thought about whether I should I put the script in the back and tried it, and it turned out to be ok. Then I suddenly realized that it was not like this.

Later I checked the reason because the html file is executed in a top-down manner, but the order of the imported css and javascript is different. When the css is introduced and loaded, the program is still executed downwards, and When the