js内部引用及外部引用无效

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使用了单标签的形式，页面会出错，此标签后的代码会变成灰色，无法正常运行。

 

posted @ 2020-05-19 17:07  lightbc  阅读(1528)  评论(0)    收藏  举报