1. 程式人生 > >暑假周總結01

暑假周總結01

byname .get css rip fun script 代碼 屬性 style

(1)本周學習內容

  html+css+js

    

<style type="text/css">
    .inn2{
        background-color: blue;
    }
    .inn3{
        font-size: 55px;
    }
    .inn4{
        width: 900px;
    }
</style>

  

<div id="inn">
        文本內容
    </div>
    <a name="ob2"></a>
    <div id="inn2">
        改變style樣式
    </div>
    <script type="text/javascript">
        var obj = document.getElementById("inn");//根據id獲取對象
        var obj4 = document.getElementById("inn2");//根據id獲取對象
        var obj2 = document.getElementsByName("ob2");//根據name獲取對象
        var obj3 = document.getElementsByTagName("a");//根據標簽屬性獲取對象
        obj.innerHTML="<b>改變文本內容</b>";//識別HTML標簽
        obj.innerText="<b>改變文本內容</b>";//不識別HTML標簽,將所有的都當作文本內容
        obj4.style.backgroundColor="red";//backgroung-color-->backgroundColor
        obj.className="inn2";//通過加class控制樣式
        obj.className="inn3 inn4";//通過加class控制樣式
        obj.className="";//清空樣式
        alert(obj);
        alert(obj2);
        alert(obj3.length);
    </script>
<style type="text/css">
    li { list-style: none;}//控制li的·標記
    a { text-decoration: none;} //下劃線
    a:hover {
        text-decoration: underline;
    }
</style>

  

<span style="font-size: 14pt">javascript:show();控制鏈接觸發js</span>

  

<div>div1</div>
    <div>div2</div>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
    <a href="#">122</a>
    <br>
    <script type="text/javascript">
        function show(){
            alert(new Date());//彈出現在的時間
        }
    </script>
    <!-- href="javascript:"用於連接控制js -->
    <a href="javascript:show();">控制show()</a>

  

花在學習時長12小時,10小時在學習視頻,其他在整理視頻筆記和代碼  

(2)下周準備學習剩下的html+css+js

(3)本周遇到的問題

  無

暑假周總結01