<script> 和 </script> 會告訴 JavaScript 在何處開始和結(jié)束缔莲。
<script>
alert("我的第一個 JavaScript");
</script>
JavaScript有三種書寫格式, 分別是"行內(nèi)式"夕吻、"頁內(nèi)式"沉唠、"外鏈?zhǔn)?
行內(nèi)式
將script代碼直接寫在元素內(nèi)部
<button onclick="alert('今天天氣很好牙捉！');">今天天氣很好寥闪！</button>
頁內(nèi)式
腳本可位于 HTML 的 <body> 或 <head> 部分中幕屹，或者同時存在于兩個部分中蓝丙。
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一個 JavaScript 函數(shù)";
}
</script>
</head>
<body>
<h1>我的 Web 頁面</h1>
<p id="demo">一個段落</p>
<button type="button" onclick="myFunction()">嘗試一下</button>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<h1>我的 Web 頁面</h1>
<p id="demo">一個段落</p>
<button type="button" onclick="myFunction()">嘗試一下</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="我的第一個 JavaScript 函數(shù)";
}
</script>
</body>
</html>
如果把 JavaScript 代碼放入函數(shù)中，就可以在事件發(fā)生時調(diào)用該函數(shù)望拖；
否則直接按照代碼順序執(zhí)行
一般先寫HTML渺尘，然后再寫JavaScript。
外鏈?zhǔn)礁袷?/h2>
把腳本保存到外部文件中说敏。外部文件通常包含被多個網(wǎng)頁使用的代碼鸥跟。
外部 JavaScript 文件的文件擴(kuò)展名是 .js。
使用
<script type="text/javascript" src="01-js書寫格式.js"></script>
外鏈?zhǔn)阶⒁恻c(diǎn)
- 外鏈?zhǔn)降膕cript代碼塊中不能編寫js代碼, 即便寫了也不會執(zhí)行
<script type="text/javascript" src="index.js">
alert("今天天氣很好盔沫！"); // 不會被執(zhí)行
</script>
- 由于每次加載外鏈?zhǔn)降膉s文件都會發(fā)送一次請求, 這樣非常消耗性能, 所以在企業(yè)開發(fā)中推薦將多個JS文件打包成為一個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代碼等脂，寫了也不會執(zhí)行 -->
alert('今天天氣很好！');
</script>
</body>
</html>
/***.js文件中代碼***/
alert('今天是個好天氣')
