关于script在html中的摆放位置解析-html教程-PHP中文网

首页

web前端

html教程

关于script在html中的摆放位置解析

小云云

Dec 11, 2017 am 11:37 AM

htmlscript摆放

以前一直觉得script在html中的任何位置都可以，今天做一个需求的时候才更正了自己的错误思想啊--script的位置也不是随便放的。本文主要谈论关于script在html中的摆放位置。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。希望能帮助到大家。

首先是想实现一个select标签，有是和无两个option，但是在初始化的时候要求select标签默认选择空值，所以我在点击的时候加了一个方法让他把空值删掉：

XML/HTML Code复制内容到剪贴板

<!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>

但是这样并不能达到想要的效果，起初以为是jquery语法错误还一直在网上查，改，但是都不管用，后来突然想到是不是应该把script放到后面，试了一下，结果果真ok了，这才恍然大悟，原来不是这样的。

后来查了一下原因是因为，html文件是自上而下的执行方式，但引入的css和javascript的顺序有所不同，css引入执行加载时，程序仍然往下执行，而执行到

热AI工具

热工具

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序，非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具，帮助Web开发人员更好地理解保护Web应用程序的过程，并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞，难度各不相同。请注意，该软件中

VSCode Windows 64位下载

微软推出的免费、功能强大的一款IDE编辑器

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

显示更多

关于script在html中的摆放位置解析

热AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

Video Face Swap

热门文章

热工具