一，效果圖。 二，代碼。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>html 腳本</title> </head> <body> <!--插入一段腳本--> <script> document.write("hello w ...
一，效果圖。
二，代碼。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>html 腳本</title>
</head>
<body>
<!--插入一段腳本-->
<script>
document.write("hello world!");
</script>
<!--使用<noscript>標簽-->
<noscript>瀏覽器不支持javascript的時候顯示</noscript>、
<!--JavaScript體驗-->
<script type="text/javascript">
document.write("<h1>這是一個標題</h1>");
document.write("<p>這是一個段落</p>")
</script>
<!--JavaScript事件響應-->
<p id="demo">
javascript can react to events,like the click of a button.
</p>
<script type="text/javascript">
function myfunction() {
document.getElementById("demo").innerHTML = "hello";
}
</script>
<button type="button" onclick="myfunction()">Click me</button>
<!--JavaScript處理 HTML 樣式-->
<p id="demo1">javacript能改變html元素的樣式.</p>
<script type="text/javascript">
function myfunction1() {
x = document.getElementById("demo1");
x.style.color = "#ff0000";
}
</script>
<button type="button" onclick="myfunction1()">click me</button>
</body>
</html>
參考資料：《菜鳥教程》
