zoukankan      html  css  js  c++  java
  • 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>
    javascript css html jquery bootstrap vue webpack es6
  • 相关阅读:
    visual studio项目多级引用不拷贝dll的问题
    ef6 code first,对已有数据库如何执行迁移
    wsl 修改默认安装路径
    Windows docker镜像文件无法删除
    Docker镜像下载很慢,各种加速无效
    activemq整合springboot使用(个人微信小程序用)
    angular入门一之环境安装及项目创建
    jquery中attr()和prop()的区别
    IntelliJ IDEA部署web项目,Tomcat没有出现Artifacts
    IntelliJ IDEA:创建Java Web工程
  • 原文地址:https://www.cnblogs.com/shapaozi/p/6886614.html
Copyright © 2011-2022 走看看