javascript学习2 

//this
   function f1() {
            alert(this);
        }
        //this：在一个函数内部，this表示是的哪个对象，取决于当前函数的哪个对象的函数
        f1();

concat字符串

   var s1 = ['哈哈1', '哈哈2', '哈哈3'];
        var s2 = ['哈哈4', '哈哈5', '哈哈6'];
        var s3 = s1.concat(s2);
        alert(s3);

通过元素获取元素对象

 <script type="text/javascript">

        //var user_name = 'steve';
        //function fnTest() {

        //}js代码从上往下依次执行  页面加载完毕 js代码写在头部就没有问题
        //window.onload表示页面加载完毕后再执行函数内的js代码
        window.onload=function(){
            document.getElementById("txt1").value = '哈哈哈哈嘎哈嘎哈噶进口国哈哈个进口红酒g';
            document.getElementById("btn2").value = "我的一个小小的确定按钮";
        };
        //document.getElementById("txt1").value = '哈哈哈哈嘎哈嘎哈噶进口国哈哈个进口红酒g';
        //document.getElementById("btn2").value = "我的一个小小的确定按钮";

    </script>
</head>
<body>
    <form id="form1" action="/"method="get">
        <input id="txt1" name="name" type="text" value="" />
        <input id="btn2" name="name" type="button" value="" />
    </form>
   
    <script type="text/javascript">
        //window.form1.txt1.value = '哈哈哈哈哈哈哈哈哈哈哈哈哈';
        //window.form1.btn2.value = '确定';
       // document.getElementById("txt1").value = '哈哈哈哈嘎哈嘎哈噶进口国哈哈个进口红酒g';
        //document.getElementById("btn2").value = "我的一个小小的确定按钮";
    </script>

为元素注册事件

 <script type="text/javascript">
        //通过动态注册事件的方式实现js代码与html网页代码相分离
    
    
        
     //为窗体注册一个加载事件
        window.onload = function () {
            //为按钮注册一个单击事件
            document.getElementById('btn').onclick = function () {
                alert(new Date().toLocaleDateString());
           
            }
            document.getElementById('btn2').onclick = function () {
                alert('我是第二个按钮');
            }
        };
     
    </script>
</head>
<body>
    <input type="button"id="btn"name=""value="确定" /> 
    <input type="button" id="btn2"   value="之前我是隐身的"/>
</body>

注册动态事件

 <script type="text/javascript">
        //为窗体注册事件
        window.onload = function () {
            //为按钮添加注册事件
            document.getElementById('btn1').onclick = function () {
                alert(new Date().toLocaleTimeString());
            };

            document.getElementById('btn2').onclick = function () {
                //直接赋值 改变btn1的值 
                //document.getElementById('btn1').onclick = fnclick;
                document.getElementById('btn1').onclick = fnclick();
            }
            
        }
        function fnclick() {
            alert('.....................................................')
        }
        
    </script>
</head>
<body>
    <input type="button" id="btn1" value="按钮1" />
    <input type="button" id="btn2" value="按钮2" />
</body>

window对象中函数

<script type="text/javascript">
        //为窗体注册一个事件
        //window.onload = function () {
        //    //为按钮注册一个事件
        //    document.getElementById('btn').onclick = function () {
        //        if (confirm('确定删除吗')) {
        //            //使用if语句提示用户是否删除，再执行代码
        //            document.getElementById('txt').value = "";
        //            alert("删除成功")
        //        }
        //        else {
        //            alert("取消删除")
        //        }
               
        //    }
        //}
        window.onload = function () {
            document.getElementById('btn1').onclick = function () {
                //window.navaigate
                //设置跳转页面
                location.href = 'http://www.baidu.com';
                //location = 'http://www.sina.com';
            }
        }
    </script>
</head>
<body>
    <input id="btn" type="button" name="name"value="删除" />
    <input id="btn1" type="button" name="name" value="去找度娘玩" />
    <input id="txt"type="text" value="我是有文字的不要删除我啊"/>
</body>

计时器和停止计时器

 <script type="text/javascript">
        //把定时器放在函数外，其他位置也可以调用
        var interval;
        window.onload = function () {
            document.getElementById('btn').onclick = function () {
                //启动计时器
                interval = setInterval(function () {
                    //直接在常量后面++；
                    var s = document.getElementById('text1').value++;
                   // s.value++;
                    //s.value = ++s.value;
                    //var v = s.value;
                    //v = parseInt(v) + 1;
                    //s.value=v
                }, 1000);
            }
            document.getElementById('btn2').onclick = function () {
                //停止计时器
                clearInterval(interval);
            }
        }
    </script>
</head>
<body>
    <input type="text" id="text1"value="0" />
    <input type="button"id="btn"value="start" />
    <input type="button"id="btn2"value="stop" />
</body>

 

posted @ 2017-05-21 23:21  傻狍子  阅读(230)  评论(0)  编辑  收藏  举报