Javascript將無法使用html

-1

所以我在這裏有一個問題，當我使用jsbin它一切正常的JavaScript，HTML和CSS，他們都設法在一起工作。但是，因爲在括號或崇高文本中工作更好也更容易2，我試圖使用它們。首先，我無法使JavaScript與HTML一起工作，即使我將它們連接正確。我甚至試圖把所有的JavaScript代碼的腳本標籤內的HTML，你可以在這裏看到：Javascript將無法使用html

<html> 
    <head> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width"> 
     <title>JS Bin</title> 

    <link rel="stylesheet" type="text/css" href="css1.css"> 
    </head> 

    <body background="https://guideinparadise.files.wordpress.com/2013/01/down-below2.jpg"> 
     <h1>Fiskaren</h1> 
     <img id="fiskespo" src ="https://pixabay.com/static/uploads/photo/2014/03/24/17/07/fishing-rod-295096_960_720.png"> 
    <p>Sekunder:</p> 
     <p id="klocka"></p> 


     <script> 
      document.body.style.cursor = 'none'; // tar bort muspekaren 
    (document).mousemove(function (e) { //gör en funktion för musen 
     ('#fiskespo').offset({ // tar fram bilden 
      left: e.pageX + -190, //positonerar musen på bilden 
      top: e.pageY + -110//positonerar musen på bilden 
     }); 
    }); 

    var b = 1; 
     for (var i= 0; i<5;i++){ // skapar en loop som skriver ut 5 stycken bilder på fiskar 
     fisk(b); 
     } 
    function getRandomPosition(element) { 
     var x = document.body.offsetHeight-element.clientHeight; 
     var y = document.body.offsetWidth-element.clientWidth; 
     var randomX = Math.floor(Math.random()*x); 
     var randomY = Math.floor(Math.random()*y); 

     return [randomX,randomY]; 
    } 
    function fisk(skala) { 

     var img = document.createElement('img'); 
     img.setAttribute("style", "position:fixed;");//positionerar dom 
     img.setAttribute("src", "http://i.imgur.com/K9egEbW.jpg"); // tar fram bilderna 
     document.body.appendChild(img); 
     var xy = getRandomPosition(img); // ger xy random position 
     img.style.top = xy[0] + 'px';// gör att de ej kan flyttas från ruta 1 
     img.style.left = xy[1] + 'px'; 
     $(img).click(function(){ $(this).remove();}); //skapar en onclick funktion som gör så att om man klickar på bilden försvinner den 

    } 
     myTimer = setInterval(myCounter, 1000); //bestämmer hur lång tiden ska vara (1000 = 1 vanlig sekund) 
     var seconds = 0; //sekunden den börjar på 
     function myCounter() { 
     document.getElementById("klocka").innerHTML = ++seconds; //räknar klockan i sekunder 
    } 
</script> 
    </body> 
    </html>

而且這也不能工作。而且我覺得這很奇怪，因爲它在jsbin上工作，但不是一個更好的程序。任何人都知道我可能會丟失什麼，或者如果我正在使用的程序有問題。這裏是CSS代碼以及如果你想一起看看它。

#fiskespo{ 
    width: 120px; 
z-index: 2; 

} 

body{ 
    background-size: 100%; 

} 

h1{ 
    font-size: 60px; 
    font-family: cursive; 
    color: red; 
    z-index: 3; 

} 

p{ 
    font-size: 40px; 
    position: relative; 
    top: -260px; 
    z-index: 3; 

}

謝謝。

來源

2016-05-27 Johan Westborg

沒有工作怎麼樣？使用瀏覽器devtools，打開控制檯，重新加載頁面，檢查錯誤。 – James

不工作是什麼意思？更加詳細一些。 –

JavaScript沒有顯示，CSS的工作，但是當它到達JavaScript的時候什麼都沒有顯示出來。在JavaScript中我有一個計時器和代碼，將產生5個圖像，但沒有它會彈出當我打開web瀏覽器的HTML代碼。 –

您需要在您的網頁jQuery，還可以使用$這裏：

$(document).mousemove(function (e) { ... }); 
$('#fiskespo').offset({ ... });

https://jsfiddle.net/j2wnLn7e/1/

來源

2016-05-27 22:10:39 johnniebenson

這工作，非常感謝人！ –

很高興幫助！你介意接受這個接受的答案嗎？ – johnniebenson

它可能與你如何打開文件有關。它可能找不到您的腳本文件和/或css文件。你使用本地主機嗎？最簡單的方法是使用python簡單的http服務器。您需要在計算機上使用python進行此項工作。較新的Mac已預裝。將所有文件放在一個文件夾中。在命令行中導航到該文件夾。並運行命令：

python -m SimpleHTTPServer

這將啓動一個本地主機與該位置的文件。使用運行該命令後顯示的端口。在瀏覽器中去（使用它給你的端口）：

localhost:port

而且不知道這是否是一個錯字，但你沒有關閉腳本標籤。

來源

2016-05-27 22:05:47

Javascript將無法使用html

回答

相關問題