JavaScript321是一個優秀的網站，它提供了許多有用的JavaScript代碼和技巧來幫助開發者更快速、更高效地開發網站。其中，常用的JavaScript功能包括表單驗證、動態效果、事件處理等，下面我將詳細介紹這些功能及其使用方法。
表單驗證是JavaScript應用廣泛的一個功能，它可以幫助我們檢查表單中輸入的內容是否符合要求，并給出提示。比如，如果我們要求用戶輸入郵箱，那么在表單提交前，可以使用JavaScript代碼來實現對該郵箱格式的驗證。下面是一個表單驗證的代碼示例：

<pre><code>
<form onsubmit="return validateForm()">
Email: <input type="text" name="email" id="email">
<input type="submit" value="Submit">
</form>
<br>
<script>
function validateForm() {
var email = document.getElementById("email").value;
var pattern = /\S+@\S+\.\S+/;
if (!pattern.test(email)) {
alert("Please enter a valid email address.");
return false;
}
}
</script>
</code>

在上面的代碼中，我們首先給表單添加了一個onsubmit事件，該事件將會在表單提交之前觸發。接著，我們定義了一個validateForm函數，這個函數中用到了正則表達式來判斷輸入的郵箱是否符合要求。最后，如果用戶輸入的郵箱不符合要求，我們將會彈出一個提示框，并返回false，這樣表單就不會被提交。
JavaScript還可以用來添加動態效果，比如，當用戶點擊一個按鈕時，我們可以使用JavaScript代碼來實現圖片的切換、菜單的展開等效果。下面是一個動態效果的代碼示例：

<code>
<img id="myImage" src="img1.png" width="100" height="100"
onclick="changeImage()">
<br>
<script>
function changeImage() {
var image = document.getElementById("myImage");
if (image.src.match("img1")) {
image.src = "img2.png";
} else {
image.src = "img1.png";
}
}
</script>
</code>

在上面的代碼中，我們首先定義了一個圖片，并給這個圖片添加了一個onclick事件。當用戶點擊這個圖片時，就會觸發changeImage函數。在這個函數中，我們通過document.getElementById方法獲取到這個圖片的元素，然后判斷這個圖片的src屬性中是否包含“img1”這個字符串，如果包含，就將圖片的src屬性設置為“img2.png”，否則就設置為“img1.png”。
最后，JavaScript還可以用來處理事件，比如，當用戶點擊某個按鈕或輸入框時，我們可以使用JavaScript代碼來響應這個事件，并進行一些處理。下面是一個事件處理的代碼示例：
`

<code>
<button onclick="myFunction()">Click me</button>
<br>
<script>
function myFunction() {
alert("Hello World!");
}
</script>
</code>

在上面的代碼中，我們定義了一個按鈕，并給這個按鈕添加了一個onclick事件。當用戶點擊這個按鈕時，就會觸發myFunction函數。在這個函數中，我們將會彈出一個提示框，顯示“Hello World!”這個字符串。
綜上所述，JavaScript321是一個非常有用的網站，它提供了許多級別的JavaScript代碼和技巧，幫助開發者更快速、更高效地開發網站。對于想要學習JavaScript的開發者來說，這個網站是一個不錯的選擇。