【程式碼筆記】Web-HTML-指令碼
阿新 • • 發佈：2018-11-07
一，效果圖。
二，程式碼。
<!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>
參考資料：《菜鳥教程》
一，效果圖。
二，程式碼。
<!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>
參考資料：《菜鳥教程》