1.正常情况及效果
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<script src="../js/jquery-3.4.1.js"></script>
<script type="text/javascript">
window.onload = function(){
console.log("test")
}
</script>
</head>
<body>
<h1>index</h1>
</body>
</html>
Ps:正常情况下页面访问及js功能正常运作
2.非正常情况下及效果
2.1js单标签后还有内部js的使用或外部js的引用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<script src="../js/jquery-3.4.1.js"/>
<script type="text/javascript">
window.onload = function(){
console.log("test")
}
</script>
</head>
<body>
<h1>index</h1>
</body>
</html>
2.2js的单标签前还有内部js使用或外部js的引用
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>index</title>
<script type="text/javascript">
window.onload = function(){
console.log("test")
}
</script>
<script src="../js/jquery-3.4.1.js"/>
</head>
<body>
<h1>index</h1>
</body>
</html>
Ps:如果页面中使用了内部或外部js过程中，js使用了单标签的形式，页面会出错，此标签后的代码会变成灰色，无法正常运行。