2013-04-17 73 views
0

我已經寫在記事本上的JavaScript形式的節目,但我不知道如何利用這些信息,使程序後,我有多個瀏覽器,因此如果我能弄清楚如何使用它,我不在乎使用哪一個。我在哪裏可以把我的JavaScript程序我寫它的記事本

+1

保存爲一個'.js'文件,並將其包含在'html'文件,你希望看到的代碼在行動 – karthikr

+2

你的第一個JavaScript文件[HOWTO](http://www.math.grin.edu/ 〜rebelsky /教程/ JavaScript的/ EdMedia97 /練習/ firstjs.html) – Bechir

+0

看一看http://www.w3.org/wiki/Your_first_look_at_JavaScript。 –

回答

2

您可以把它直接在您的HTML文件是這樣的:

<html> 
<head> 
    <title></title> 
    <script type="text/javascript"> 
    // Your JavaScript code here 
    </script> 
</head> 
<body> 
    <!-- Your HTML here --> 
</body> 
</html> 

或者你可以在你的JavaScript代碼保存爲.js文件並將其鏈接到您的HTML頁面:

<html> 
    <head> 
    <title></title> 
    <script src="javascriptfile.js"></script> 
    </head> 
    <body> 
    <!-- Your HTML here --> 
    </body> 
</html> 

一旦你完成了這些方法之一,保存你的HTML文件並預覽它在Web瀏覽器中。

1

您創建一個.html.js文件,並在加載JavaScript:

<html> 
    <head> 
     <title>My first page</title> 
    </head> 
    <body> 
    <!-- page HTML here--> 
    <script type="text/javascript" src="your_file.js"></script> 
    </body> 
</html> 

或者,你可以把這個腳本在.html文件:

<html> 
    <head> 
     <title>My first page</title> 
    </head> 
    <body> 
    <!-- page HTML here--> 
    <script type="text/javascript"> 
     var name = "User"; 
     document.title = document.title.replace("My", name+"'s"); 
    </script> 
    </body> 
</html> 

注意,我把javascript文件在文件末尾。這使得網頁加載速度 - 執行腳本停止(幾乎)所有活動。但通常情況下,JavaScript位於<head>
通常的做法:

<html> 
    <head> 
     <title>My first page</title> 
     <script type="text/javascript" src="your_file.js"></script> 
    </head> 
    <body> 
    <!-- page HTML here--> 
    </body> 
</html> 

它也很好的瞭解,這其中的乳清是腳本將被執行。這是document.writealertdocument.getElementById重要(作爲初學者,你可能不知道這個功能,但是你將學習以後使用它)。有一個例子:
此代碼:

<div id="div_id">Hello world!</div> 
<script type="text/javascript"> 
    var div_element = document.getElementById("div_id"); 
    alert(div_element.innerHTML); 
</script> 
<i>I will appear after you confirm alert()</i> 

這個方法返回錯誤,因爲<div><script>後,應執行不存在:

<script type="text/javascript"> 
    var div_element = document.getElementById("div_id"); 
    alert(div_element.innerHTML); //ERROR: div_element is null! 
</script> 
<div id="div_id">Hello world!</div> 
<i>I will appear after you confirm alert()</i> 
-1

剛安裝節點後運行它

node file.js

+0

Node.js與他所問的任何內容有什麼關係?他只是問,作爲一個初學者,如何執行Javascript ....他是一個懶惰的方式從節點。 – patricksweeney

+0

@patricksweeney節點REPL是我知道的只是運行一個已經純JavaScript最簡單的方式「寫在記事本」。 'sudo apt-get安裝節點;節點 djechlin

+0

@patricksweeney我意識到臉頰,但它是100%正確的答案,可以說是最簡單的。在建設性地回答問題時,你可以用這樣的問題做很多事情。 – djechlin

相關問題