<script> 和 </script> 會(huì)告訴 JavaScript 在何處開始和結(jié)束。
<script>
alert("我的第一個(gè) JavaScript");
</script>
JavaScript有三種書寫格式, 分別是"行內(nèi)式"、"頁內(nèi)式"、"外鏈?zhǔn)?
行內(nèi)式
將script代碼直接寫在元素內(nèi)部
<button onclick="alert('今天天氣很好！');">今天天氣很好！</button>
頁內(nèi)式
腳本可位于 HTML 的 <body> 或 <head> 部分中，或者同時(shí)存在于兩個(gè)部分中。
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一個(gè) JavaScript 函數(shù)";
}
</script>
</head>
<body>
<h1>我的 Web 頁面</h1>
<p id="demo">一個(gè)段落</p>
<button type="button" onclick="myFunction()">嘗試一下</button>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<h1>我的 Web 頁面</h1>
<p id="demo">一個(gè)段落</p>
<button type="button" onclick="myFunction()">嘗試一下</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一個(gè) JavaScript 函數(shù)";
}
</script>
</body>
</html>
如果把 JavaScript 代碼放入函數(shù)中，就可以在事件發(fā)生時(shí)調(diào)用該函數(shù)；
否則直接按照代碼順序執(zhí)行
一般先寫HTML，然后再寫JavaScript。
外鏈?zhǔn)礁袷?/h2>
把腳本保存到外部文件中。外部文件通常包含被多個(gè)網(wǎng)頁使用的代碼。
外部 JavaScript 文件的文件擴(kuò)展名是 .js。
使用
<script type="text/javascript" src="01-js書寫格式.js"></script>
外鏈?zhǔn)阶⒁恻c(diǎn)
- 外鏈?zhǔn)降膕cript代碼塊中不能編寫js代碼, 即便寫了也不會(huì)執(zhí)行
<script type="text/javascript" src="index.js">
alert("今天天氣很好！"); // 不會(huì)被執(zhí)行
</script>
- 由于每次加載外鏈?zhǔn)降膉s文件都會(huì)發(fā)送一次請(qǐng)求, 這樣非常消耗性能, 所以在企業(yè)開發(fā)中推薦將多個(gè)JS文件打包成為一個(gè)JS文件,以提升網(wǎng)頁的性能和加載速度。
/***html代碼***/
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>javascript 語法規(guī)范</title>
<style media="screen">
</style>
<script type="text/javascript">
// 頁內(nèi)式 寫在前面最好添加window.onload = function()，也可以不添加，建議添加
window.onload = function(){
alert('今天天氣很好！');
}
</script>
</head>
<body>
<button onclick="alert('今天天氣很好！');">行內(nèi)式</button>
<!-- 頁內(nèi)式 建議寫在最后，按鈕現(xiàn)創(chuàng)建 -->
<script type="text/javascript">
window.onload = function(){
alert('今天天氣很好！');
}
</script>
<!-- 外鏈?zhǔn)礁袷?-->
<script src="js/index.js">
<!-- 中間不要寫任何js代碼，寫了也不會(huì)執(zhí)行 -->
alert('今天天氣很好！');
</script>
</body>
</html>
/***.js文件中代碼***/
alert('今天是個(gè)好天氣')
