HTML腳本
HTML腳本一般是指一些腳本語言,例如JavaScript、VBScript等。
在HTML中嵌入腳本的方式是:
<script type="text/javascript">
//JavaScript程式碼
</script>
腳本主要用來操作HTML文檔,實現相關功能或特效的。
一 <script> 標籤
如需在HTML頁面中插入JavaScript腳本,請使用<script>標籤。 <script>和</script>會告訴JavaScript在何處開始
和結束。
<script>和</script>之間的程式碼行包含了JavaScript:
##<span style="font-size: 18px;"><script type="text/javascript">
#alert("歡迎來到JavaScript世界!!!");
</script></span>
#二 <noscript> 標籤
############### ###################<noscript> 標籤提供無法使用腳本時的替代內容,比方在瀏覽器停用腳本時,或瀏覽器不支援客戶端腳本時。 ######<noscript>元素可包含普通 HTML 頁面的 body 元素中能夠找到的所有元素。 ######只有在瀏覽器不支援腳本或停用腳本時,才會顯示<noscript> 元素中的內容:############<noscript>抱歉,你的瀏覽器不支援JavaScript!</noscript>######################################################################################################################## JavaScript體驗(來自本站javascript教學)#########
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript脚本语言</title>
<script type="text/javascript">
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph.</p>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>######提示:### 您無需理解上面的程式碼,只需了解即可。 ######取得目前的時間實例:###<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript脚本语言</title>
<script type="text/javascript">
window.onload = function () {
setTime();
}
function setTime() {
var div = document.getElementById("d1");
var time = new Date();
//如果获取月份(月份从0开始 + 1)
div.innerHTML = set(time.getHours()) + ":" + set(time.getMinutes()) + ":" + set(time.getSeconds());
}
//
function set(num) {
if (num < 10) {
return "0" + num;
} else {
return num;
}
}
setInterval("setTime()",1000);
</script>
</head>
<body>
<div id="d1"></div>
</body>
</html>###試試看###
新建檔案
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript脚本语言</title>
<script type="text/javascript">
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph.</p>
<button type="button" onclick="myFunction()">点击这里</button>
</body>
</html>
預覽
Clear
- 課程推薦
- 課件下載
課件暫不提供下載,工作人員正在整理中,後期請多關注該課程~ 














