1. 程式人生 > >JavaScript網頁核心Document物件應用

JavaScript網頁核心Document物件應用

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>

結果顯示:

其實還有很多關於文件方面的操作,這裡就不一一列出了,知道有這麼一個操作,很少用到。