javascript学习2

Myth丶恋晨 2021-10-26 12:56 237阅读 0赞

//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.οnlοad=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>

转载于:https://www.cnblogs.com/shapaozi/p/6886614.html

发表评论取消回复

表情：

评论列表（有 0 条评论，237人围观）

还没有评论，来说两句吧...

相关阅读

相关 JavaScript学习（2）

标悬停和页面加载事件举例。 javaScript对象对象的初始化数组的定义，数组的属性及方法关联数组，又称映射（Map）、字典（Dictionary）是一个...

矫情吗；*/ 2024年04月18日 22:42/ 0 赞/ 73 阅读

相关 JavaScript进阶2-学习笔记

文章目录 JavaScript进阶2-学习笔记 this指针如何改变this指向事件委托、

蔚落/ 2022年10月12日 12:19/ 0 赞/ 227 阅读

相关 Javascript基础学习干货教程（2）

JavaScript 关键字 JavaScript 关键字用于标识要执行的操作，必须以字母、下划线（\_）或美元符（$）开始。。 JavaScript 同样保留了一些关

╰+哭是因爲堅強的太久メ/ 2022年10月01日 05:45/ 0 赞/ 309 阅读

相关（javascript学习）复习记录2

1.iterator 用for of遍历（相当于迭代器遍历） var arr = [3,2,4]; for(var x of arr) {

偏执的太偏执、/ 2022年09月12日 03:46/ 0 赞/ 181 阅读

相关 JavaScript学习（九十）—数组练习题（2）

JavaScript学习（九十）—数组练习题（2） ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_t

曾经终败给现在/ 2022年09月01日 14:47/ 0 赞/ 219 阅读

相关 Javascript学习笔记2 继承原型链

原型链使某个原型对象成为另一个类型的实例，该原型对象将包含一个指向另一个原型的指针，如此层层递进，就构成了实例与原型的链条 function SuperTyp

缺乏、安全感/ 2022年05月28日 23:27/ 0 赞/ 214 阅读

相关 javaScript学习笔记-Function2

1. js中函数不支持重载，仅会被覆盖 var fn1 = function(){ alert("1") } fn1 = functio

曾经终败给现在/ 2022年03月19日 15:58/ 0 赞/ 137 阅读

相关 JavaScript学习总结（2）——JavaScript数据类型判断

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 　最近做项目中遇到了一些关于javascript

柔光的暖阳◎/ 2022年01月13日 05:09/ 0 赞/ 259 阅读

相关 JavaScript学习总结（2）——JavaScript数据类型判断

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 　最近做项目中遇到了一些关于javascript

曾经终败给现在/ 2022年01月13日 04:57/ 0 赞/ 294 阅读

相关 javascript学习2

//this function f1() { alert(this); }

Myth丶恋晨/ 2021年10月26日 12:56/ 0 赞/ 238 阅读