JavaScript@是一種免費開源的腳本語言，可以嵌入HTML文檔中使用，常用于網站交互和動態效果的實現。它在網頁制作中發揮了非常重要的作用，比如可以實現用戶輸入的數據驗證、動態更新頁面內容、實現網頁游戲的邏輯等等。下面我們結合實例來介紹一下JavaScript@的基本用法和一些常見應用。

JavaScript@的基本語法與C語言類似，包括變量定義、循環語句、條件語句、函數等等。比如以下代碼，定義了一個變量a并輸出它的值：

var a = 10;
console.log(a);

在網頁制作中，我們常常需要根據用戶的輸入來進行相應的操作。比如，我們可以編寫一個函數來檢查用戶輸入的手機號碼是否符合規范：

function checkPhone(phone) {
var reg = /^1[3-9]\d{9}$/;
if (reg.test(phone)) {
alert("手機號碼正確！");
} else {
alert("請輸入正確的手機號碼！");
}
}

此外，JavaScript@還可以實現一些動態效果，比如實現網頁上的輪播圖、下拉菜單等。下面是一個簡單的例子，實現了一個背景圖片輪播的效果：

var i = 0;
var imgs = ["img1.jpg", "img2.jpg", "img3.jpg"];
setInterval(function() {
document.body.style.backgroundImage = "url("+imgs[i]+")";
i++;
if (i == imgs.length) {
i = 0;
}
}, 3000);

在實際開發中，我們常常需要通過JavaScript@來操作DOM元素，比如改變元素的樣式、修改元素的內容等等。下面是一個例子，實現了一個點擊按鈕切換文字的效果：

<button onclick="changeText()">點擊這里</button>
<p id="text">這是一段初始文本</p>
function changeText() {
var text = document.getElementById("text");
text.innerHTML = "切換后的文本";
}

最后，我們再來看一個比較復雜的例子，實現了一個簡單的計算器。該計算器可以實現加、減、乘、除四種運算，并具有優先級的功能：

<input type="text" id="input">
<br/><br/>
<button onclick="input('7')">7</button>
<button onclick="input('8')">8</button>
<button onclick="input('9')">9</button>
<button onclick="input('*')">x</button><br/>
<button onclick="input('4')">4</button>
<button onclick="input('5')">5</button>
<button onclick="input('6')">6</button>
<button onclick="input('-')">-</button><br/>
<button onclick="input('1')">1</button>
<button onclick="input('2')">2</button>
<button onclick="input('3')">3</button>
<button onclick="input('+')">+</button><br/>
<button onclick="input('0')">0</button>
<button onclick="input('.')">.</button>
<button onclick="calculate()">=</button>
<button onclick="input('/')">/</button>
function input(str) {
var input = document.getElementById("input");
input.value += str;
}
function calculate() {
var input = document.getElementById("input").value;
var result = eval(input);
document.getElementById("input").value = result;
}

以上就是一些JavaScript@的基本用法和應用實例，希望能對初學者有所幫助。