JavaScript網頁核心Document物件應用
阿新 • • 發佈:2018-10-31
1、超連結顏色設定
程式碼片段
<html> <body> <a id="1" href="https://blog.csdn.net/Rison_Li">我的部落格</a> <script type="text/javascript"> document.vlinkColor = "#ff8877"; //點選後顏色 document.linkColor = "red"; //未點選顏色 document.alinkColor = "green"; //獲得焦點時顏色 </script> </body> </html>
結果顯示:
2、前景色背景色設定
程式碼片段
<html> <body> 體會前景色背景色變化 <script type="text/javascript"> var colors = new Array("#FFE4E1","#FF69B4","#E6E6FA","#CDC9C9","#98FB98","#1C86EE"); var x = 0; function turncolors(){ x++; if(x == (colors.length - 1)) x = 0; document.bgColor = colors[x]; //設定頁面背景色 document.fgColor = colors[x-1]; //設定文字顏色 setTimeout("turncolors()",2000); } turncolors(); </script> </body> </html>
結果顯示:
3、獲取文字框修改內容
程式碼片段
<html> <body> <input type="text" id="name" value="你的名字是?"/> <input type="button" value="揭曉" name="btn" onClick="myName();"/> <script language="javascript"> function myName(){ var name = document.getElementById("name"); name.value = "你猜吧" } </script> </body> </html>
結果顯示:
其實還有很多關於文件方面的操作,這裡就不一一列出了,知道有這麼一個操作,很少用到。