暑假周总结01

（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）本周遇到的问题

　　无

转载于:https://www.cnblogs.com/0710whh/p/9311807.html