如何在HTML5中包含JavaScript

Question

我無法將外部JavaScript文件連接到html頁面。 當我將腳本放入帶有標簽的頁面時，所有腳本都可以正常工作，但是當我將其插入外部文件中卻無法正常工作時，怎么了？

<!DOCTYPE!>
<head>
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
<!-- JQuery da Google -->
<script language="javascript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<!---------------------->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document</title>
<!-- CSS -->
<link href="style.css" rel="stylesheet" type="text/css" />
<!-- JS-->
<script src="js/function.js" type="text/javascript"></script>
</head>

<body>

<footer>
<img class="info" src="img/newsletter.png" width="32" height="32" alt="info" />
</footer>

<div id="info">
    <ul class="infomenu">
        <li class="newsletter">NEWSLETTER</li>
        <li>PRIVACY</li>
        <li>CONTACT</li>
        <li>FOLLOW US</li>
    </ul>

</div>
</body>
</html>

使用Javascript

    //Jquery Info
$(document).ready(function(){
    $(".info").hover(function(){
        $("#info").fadeIn("slow");
    });

    $(".close").click(function(){
        $("#info").fadeOut("slow");
    });

});

Answer 1

您確實弄亂了html代碼，嘗試使用HTML（5）基礎進行谷歌搜索，首先您應該像下面這樣學習它的基本結構：

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf8">
        <title>Welcome</title>
        <link type="text/css" href="styles/default.css">
    </head>
    <body>
        <!-- HTML Content -->

        <script type="text/javascript" src=".."></script>
        <script>
        // Javascript inside this file
        </script>
    </body>
</html>

link和script部分不是必需的，但您通常會需要它，因此我將其按正確的順序放置。嘗試將script -Tags放在結束</body> -Tag上，這樣可以防止頁面無休止地加載在頁面實際加載之前用於Javascript文件。

這樣，外部Javascript應該可以工作，如果在本地工作，也應使用XAMPP之類的Web服務器軟件。 如果使用XAMPP，則在安裝XAMPP之后，必須啟動Apache Service ，然后在C:\\xampp\\htdocs文件夾中進行內部操作（如果未更改路徑）。 如果在其中創建一個名為testing的文件夾並將index.php放在其中，則只需在瀏覽器http://localhost/testing鍵入以下內容，它將搜索索引。 html或php文件並進行解析。

如果只雙擊該文件，通常會遇到安全問題，這將阻止您的代碼正常工作。 您知道您雙擊了一個文件（如果它以file://而不是http://開頭）。

但是就像我說的，谷歌從頭開始學習教程。 這需要時間，但是如果不花時間，您將無法做到。 相信我，我這樣做已有7年以上了，我幾乎每天都在線上，學習，學習，閱讀，測試，編碼，學習，閱讀，測試，但我仍然認為這不足我能學到的知識的5％。 ..永遠不要以為自己是末日或終極將..從來沒有，總是有很多東西要學習，如果您一直以為自己就在末日，您將停止進步，永遠也不會變得好。

Answer 2

<script> $(document).ready(function(){ $(".info").hover(function(){ $("#info").fadeIn("slow"); }); $(".close").click(function(){ $("#info").fadeOut("slow"); }); }); </script>

如何在HTML5中包含JavaScript

問題描述

2 個解決方案

解決方案1
3 2015-06-18 09:00:29

解決方案2
1 2015-06-18 09:45:02

如何在HTML5中包含JavaScript

問題描述

2 個解決方案

解決方案1 3 2015-06-18 09:00:29

解決方案2 1 2015-06-18 09:45:02

解決方案1
3 2015-06-18 09:00:29

解決方案2
1 2015-06-18 09:45:02