首頁 > 開發者 > JavaScript
javascript是很多東西的基礎，比如jsp，ajax等，如果不會這麼，那麼學起這些來就比較麻煩，所以要先學好這個，為將來的學習打好經濟基礎/(`v`)/。
javascript是一個基於對象和事件驅動，並且具有安全性的指令碼語言，應用很廣泛，不僅僅是網頁，不要被jsp給困住。
基於對象，就是不需要指定變數的類型，你給他一個3，它知道是整型，如果給賦值'3'，它就知道是char。
事件驅動，就是單擊啊，之類的事件進行驅動。
javascript優點：網頁互動性強，簡單易用。js主要是基於用戶端運行，很大程度上減少了伺服器的負荷。
javascript是指令碼程式設計語言：採用程式段方式實現，與HTML結合，java的編譯器其實就是瀏覽器本身。
安全性：HTML頁面中不能訪問本地硬碟，只能對網路文檔進行刪除和修改，只能通過瀏覽器實現資訊瀏覽或動態互動。
跨平台性：只要有支援js的瀏覽器，就可以運行。
javascript是ECMAScript規範的一種實現。
js的編程通常在eclipse環境下，這裡推薦一個外掛程式spket，它可以智能提示代碼，非常好用， spket IDE 1.6.22 根據需求選擇就好，我們一般是選Spket IDE啦。如果用的是myeclipse，可以選擇不安裝，因為它本身就帶了類似的組件。
外掛程式的安裝的話，如果你下的是壓縮包(就是裡面有倆檔案夾plugin 和feature，那麼把這倆個檔案夾的內容跟eclipse安裝目錄下相同檔案夾合并就好。)
如果選擇的是可執行jar包，那個安裝的時候記得選擇plugin選項。目錄選擇eclipse的安裝目錄。
接下來，開啟eclipse吧~
(不是我說，eclipse表徵圖真的很難看，所以作為外貌協會的我其實一般來說用的是myeclipse~)←這句話看清楚了，我說的是表徵圖，是表徵圖！麻煩不要跑我這裡吐槽UI！
開啟以後，可以看到window菜單下preference選項裡面有了spket，就是我們剛才說的外掛程式了，至於怎麼用，今後會提到的。
接著，讓我們來建立一個js相關的project。file ->new -> java project 我就命名它為testJs了。
查看工程的workspace目錄相信大家都知道怎麼看吧？在myeclipse中，右擊工程的話就會有myeclipse，滑鼠跟隨，右邊出現菜單，選擇open in explorer。
eclipse中，右鍵點工程，選擇properties，查看屬性，裡面有工程目錄，複製一下到視窗開啟就行了。
接著要建立一些標準路徑。
(我是越想越覺得苦逼啊，如果是myeclipse的話可以選擇web project，直接想要的就都有了啊...囧rz，但是為了符合大部分人的需求，還是得用eclipse來學。).
因為我們是要建立一個jsp的project，所以在project下要有一些標準路徑，參照下面的圖片建立(我是把myeclipse下建立的web project後自動產生的檔案夾複製過來了)：
其中MANIFEST.MF的代碼內容如下：
Manifest-Version: 1.0
Class-Path:
web.xml的內容如下：
<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
xmlns="http://java.sun.com/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd">
<welcome-file-list>
<welcome-file>main.html</welcome-file>
</welcome-file-list>
</web-app>
建立一個新的檔案(New->File main.html 尾碼不可少)，main.html 代碼如下:
<html>
<head>
<title>(*￣▽￣)</title>
</head>
<body>
This is my page. <br>
</body>
</html>
接下來我們就要靠編輯這個玩意兒來享受js帶給我們的快感啦~！
首先，為了代碼規範，我比較建議大家把js的內容都存放在建立的.js檔案中，一來可以實現代碼共用，而來也好看好編輯。
作為一個A型血的微強迫症，我如果看到代碼亂七八糟的話是絕對寫不下去的。
所以，這裡我們首先在WebRoot目錄上點擊右鍵，選擇New->Folder+ (不是說建立js檔案嗎魂淡！)=.=別急別急，我們把js檔案放到一起這樣比較好看啊~
建立一個名叫js的檔案夾。然後再在這個檔案夾上右擊，new->file 隨便寫個名字，記得加尾碼，我命名它為output.js。
編輯js檔案前我們示範下spket的用法，它可以協助我們建立代碼模板，過程如下：
這樣，我們就建立了一個名字叫做func的模板，開啟js檔案，輸入func，按ALT+/ 提示中找到模板，斷行符號，就出現了pattern中我們定義的代碼：
這樣 我們js檔案中就有一個函數啦~！
這樣大家就明白了吧~ spket可以用來自訂提示，同時它已經內建了js的模板，自己點點preference下spket裡的各個東西，也就差不多熟悉了。
不過我們一般會匯入一個extjs包，今後肯定有用， senta
在spket中載入方法是：
接下在最後一步是 add file，然後把剛才下載的東西載入進去就行了。
最後，來來來，我們在html中引用一下js檔案，今天就算大獲成功啦ヘ(￣▽￣ヘ)：
在main.html中，編寫代碼如下：
<html>
<head>
<title>O.O</title>
<script type="text/javascript" src="js/output.js"></script>
<script type="text/javascript">
testOutput("Dumpling");// use function
</script>
</head>
<body>
This is my JSP page. <br>
</body>
</html>
引用檔案 使用 src=“xxxxx.jsp”
接下來，找到工程目錄，雙擊html檔案看下效果吧~
上面是在不同瀏覽器下的測試資訊，很相容吧~
oh yeah 功成身退~！
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
