首页 > 其他 > 详细

学习2

时间:2017-03-12 23:16:58      阅读:142      评论:0      收藏:0      [点我收藏+]

第一个周学习步入了正轨之后   又来到了第二个周

   开始学习JavaScript  我感觉在这方面 我学习的比较吃力  

  因为有好多东西不能理解  然后记性也不太好    最明显得到就是老师刚刚讲的代码  转眼就会忘记是怎么写的了

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        body{
            /*margin: 0;*/
        }
        #div1{
            width: 100px;
            height: 100px;
            border: 1px solid red;
        }
    </style>
</head>
<body>
<div id="div1" onmouseover="getInfo(this)" onmouseout="this.innerHTML=‘‘">

</div>
<button onclick="getInfo()">获取div信息</button>

<hr/>
<a href="111.html" target="_blank">我是超链接</a>
<br/><br/>
<button onclick="myopen1()">新窗口111111111</button>
<button onclick="myopen2()">新窗口222222222</button>
<button onclick="myopen3()">新窗口333333333</button>

<hr/>
<button onclick="myclose()">关掉子窗口</button>

<script>
    var mywin;
    function myclose(){
        if(mywin)
            mywin.close();
    }
    function myopen3(){
        mywin = window.open(‘333.html‘, ‘news‘, ‘resizable=no‘);
    }
    function myopen2(){
        mywin = window.open(‘222.html‘, ‘news‘, ‘resizable=no‘);
    }
    function myopen1(){
        mywin = window.open(‘111.html‘, ‘news‘, ‘resizable=no‘);
    }
    function getInfo(obj){
//        var div1 = document.getElementById(‘div1‘);

        obj.innerHTML = obj.offsetWidth+‘,,‘+obj.offsetHeight;
        obj.innerHTML += ‘<br>‘+obj.offsetLeft+‘,,‘+obj.offsetTop;
        // offsetXXX 只能读取不能赋值修改
        obj.offsetWidth = obj.offsetWidth+100;
        // 下面的属性已经不能用了
//        obj.innerHTML += ‘<br>‘+obj.innerWidth+‘,,‘+obj.innerHeight;
    }
</script>
</body>
</html>

这些只能理解一部分

 感觉自己的学习非常吃力

学习2

原文:http://www.cnblogs.com/977710820qq/p/6539962.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!