JavaScript是一種基于對象和事件驅(qū)動的腳本語言，在web開發(fā)中有著不可或缺的地位。JavaScript代碼可以直接嵌入HTML頁面中運行，也可以通過引入外部js文件進行運行。
當我們在HTML頁面中嵌入JavaScript代碼時，這段代碼會在被瀏覽器渲染時被執(zhí)行。例如：
<html>
<head>
<script>
alert('Hello World!');
</script>
</head>
<body>
<p>這是一個頁面</p>
</body>
</html>當瀏覽器渲染到這段代碼時會彈出一個對話框，其內(nèi)容為：Hello World!。這就是JavaScript代碼被執(zhí)行的一個例子。
另外一種方式是通過引入外部js文件來運行代碼。例如：
<html> <head> <script src="example.js"></script> </head> <body> <p>這是一個頁面</p> </body> </html>
example.js是一個文件名，其內(nèi)容為：
alert('Hello World!');當瀏覽器渲染到這段代碼時，會同樣彈出一個對話框，其內(nèi)容為：Hello World!。
JavaScript代碼可以實現(xiàn)各種動態(tài)效果，比如在頁面中顯示一個動畫、更改元素的樣式、使元素在頁面上移動等等。以下是一個例子：
<html>
<head>
<style>
#box {
width: 100px;
height: 100px;
background: red;
position: absolute;
left: 0;
}
</style>
<script>
window.onload = function() {
var box = document.getElementById('box');
var left = 0;
var move = function() {
left++;
box.style.left = left + 'px';
setTimeout(move, 10);
}
move();
};
</script>
</head>
<body>
<div id="box"></div>
</body>
</html>這段代碼實現(xiàn)了一個動畫效果，當頁面加載完畢時，div元素會向右移動，每十毫秒移動一個像素。這個動畫是由JavaScript代碼控制實現(xiàn)的。
JavaScript還可以實現(xiàn)交互效果，比如監(jiān)聽鼠標點擊、鍵盤按下等事件。以下是一個例子：
<html>
<head>
<style>
#box {
width: 100px;
height: 100px;
background: red;
position: absolute;
left: 0;
}
</style>
<script>
window.onload = function() {
var box = document.getElementById('box');
box.onclick = function() {
alert('點擊了元素');
}
document.onkeydown = function(event) {
if (event.keyCode == 37) {
box.style.left = parseInt(box.style.left) - 10 + 'px';
} else if (event.keyCode == 39) {
box.style.left = parseInt(box.style.left) + 10 + 'px';
}
}
};
</script>
</head>
<body>
<div id="box"></div>
</body>
</html>這段代碼實現(xiàn)了一個交互效果，當點擊div元素時，會彈出一個對話框，內(nèi)容為：點擊了元素。當按下左右箭頭鍵時，div元素會向左或向右移動10像素。
JavaScript代碼運行的方式有多種，例如直接嵌入HTML頁面中、通過引入外部js文件運行、在控制臺中運行等等。而其可實現(xiàn)的效果則更是多種多樣，滿足開發(fā)者的各種需求。
上一篇CSS下拉菜單變色
下一篇php hangkong