精华内容
下载资源
问答
  • 你需要知道的JavsScript可以做什么?
  • JavsScript+dom

    2016-08-22 17:57:00
    JavsScript+dom DOM(兼容性) 用于操作文档树 1、帮助我们找到标签 直接查找 间接查找 getElementById getElementsByTageName 2、标签操作 内容: 1、文本框 t.value='aaa' 2、a标签 b.innerText...

    JavsScript+dom

     

    DOM(兼容性)

    用于操作文档树

    1、帮助我们找到标签

        直接查找

        间接查找

        getElementById

        getElementsByTageName

    2、标签操作

    内容:

          1、文本框  t.value='aaa'

           2、a标签   b.innerText(没有html格式,纯文本)

                          b.innerHtml(有html格式)

         例子:文本框文字消失

    class:

           1、引用class样式中的注意  

                className

                classList.remove(名)

                classList.add(名)

           2、直接定义样式

             tag=document.getElementsById('i1')

             tag.style.color='red';

             tag.style.fontSize='40px';

    例子:弹出框(用遮罩)

    属性:

            <input nihao='tlh' name='n1' type='text' type='text'/>

            1、attributes                // 获取所有标签属性

          2、setAttribute(key,value)   // 设置标签属性
          3、getAttribute(key)         // 获取指定标签属性
             4.removeAttribute(key)    //移除指定标签属性
    ====>dom:1、利用属性来设置
                ck.setAttribute('checked','checked')
                         2、利用对象
                         babObj.checked = true
    ====>jquery:操作属性 prop
    标签
         创建标签:
                     字符串
                     对象
           操作添加
             1.
                 字符串:html、文本
                 xxx.insertAdjacentHTML("beforeEnd",obj);
                  xxx.insertAdjacentText("beforeEnd",obj);
                  'afterBegin' 当前内部第一个  'beforeEnd'当前内部最后一个
                  beforeBegin 当前外部第一个  'afterEnd'  当前外部最后一个
                 对象
                  xxx.insertAdjacentElement('afterBegin',document.createElement('p'))
              2、
                  var tag = document.createElement('a')
              xxx.appendChild(tag)
              xxx.insertBefore(tag,xxx[1])
                  xxx.removeChiled(tag)
     
       点赞:
            创建标签、定时器(大小,位置,透明度)
             1、this 当前触发的标签
             2、createElement创建标签
             3、appendChild添加标签
             4、setInterval创建定时器
                  clearInterval删除定时器
             5、removeChild删除子标签
        邮箱删除后消息消失
                setTimeOut  clearTimeout  不会重复,到一定时间后执语句后停止
                interval        clearInterval   自动重复
     5、样式操作
           obj.style.fontSize = "32px";
           obj.style.backgroundColor = "red";
    6、位置操作
    onscroll滑轮事件
    document.body.scrollTop = 0 获取windows页面滑轮高度

    7、提交表单

       var form = document.getElementById('f1');
       form.submit();  把a标签设置为提交

    8、其他操作

    事件:

          1、this,当前触发事件

          2、全局和某个框都可触发,全局事件绑定 window.onKeyDown=function(){}

          3、event 包含了事件相关内容

           4、默认事件:

              自定义优先:a中跳转、submint提交都是自定义先执行

              默认优先:chekbox      是默认事件先执行

     

    转载于:https://www.cnblogs.com/programmer-tlh/p/5795530.html

    展开全文
  • javsscript问题收集

    2015-06-07 11:01:58
    javsscript问题收集 1 chrome浏览器Uncaught TypeError: object is not a function问题 hrome浏览器提示 object is not a function,原因是因为,id和方法重复了

    javsscript问题收集


    1 chrome浏览器Uncaught TypeError: object is not a function问题

    hrome浏览器提示 object is not a function,原因是因为,id和方法重复了

    2 $('#form1').serialize()部分控件没有(没包含在内)

    是因为该控件的name属性没有,如 <input type="text" id="phone" name="phone" placeholder="请填写11位手机号" maxlength="11" style="width:95%;"> id,name都要设置

    3 特殊字符替换问题

    如果对于&#13; \n (相当与回车换行) 直接 str = str.replace("&#13;\n","<br>")是不行的,&是特殊字符要转义,用下面的方法即可
    var regS = new RegExp("\\&#13;\n", "g");
     str = str.replace(regS, "<br />");

    4 字符串截取问题

    由于字符串中有中文,有数字,如果以固定的长度截取的话,显示出来的内容看起来长度不一致,因为有的字符只有中文字符长度的一半,处理如下:
    var value = this.Title.substring(0,15).replace(/[^0-9|-| ]/ig, "");
    var iLen = Math.ceil(value.length/2);
    var title = this.Title.substring(0, 15 + iLen);
    先计算这种字符的长度,动态决定截取的长度
     


    展开全文
  • title: JavsScript笔记-标准对象-Date date: 2020-04-27 13:59:01 tags: JavaScript JavsScript笔记-标准对象-Date ​ Date是用来表示时间的对象 <!DOCTYPE html> <html lang="en"> <head> <...

    title: JavsScript笔记-标准对象-Date
    date: 2020-04-27 13:59:01
    tags: JavaScript


    JavsScript笔记-标准对象-Date

    ​ Date是用来表示时间的对象

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>标准对象-Date</title>
    </head>
    <body>
    
    <script>
        var d=new Date();//获取现在的时间
        console.log(d);//Mon Apr 27 2020 13:45:29 GMT+0800
    
        var stamp=new Date().getTime();//获取现在时间的时间戳的表示
        console.log(stamp);//1587966428725
    //时间戳也能创建Date
        var d1=new Date("Mon Apr 27 2020 13:45:29 GMT+0800");
        console.log(d1.toLocaleString());//2020/4/27 下午1:45:29
        console.log(d1.toUTCString());//Mon, 27 Apr 2020 05:45:29 GMT
    
        var d2=new Date(2020,4,17,14,10,26,120);//年月日时分秒毫秒
        /*传入4,但表示的是5月,月份从0开始算的*/
        console.log(d2);//Sun May 17 2020 14:10:26 GMT+0800 (中国标准时间)
        console.log(d2.getFullYear());//2020
        console.log(d2.getMonth());//4
        console.log(d2.getDay());//17
        console.log(d2.getHours());//14
        console.log(d2.getMinutes());//10
        console.log(d2.getSeconds());//26
        console.log(d2.getMilliseconds());//120
    
    </script>
    </body>
    </html>
    
    展开全文
  • JavsScript继承

    2020-01-27 17:51:04
    原型链继承 原型链基本概念:通俗的说 就是一个子对象的原型对象又指向它自己的原型对象,而这个原型对象又指向它的原型对象,一直到object 原型继承实现: <script> function SuperType(){ ...

    原型链继承

    原型链基本概念:通俗的说 就是一个子对象的原型对象又指向它自己的原型对象,而这个原型对象又指向它的原型对象,一直到object

    原型继承实现:

    <script>
       function SuperType(){
           this.property=true;
       }
       SuperType.prototype.getSuperValue=function () {
           return this.property;
       }
       
       function SubType() {
           this.subproperty=false;
       }
       
       SubType.prototype=new SuperType();
       SubType.prototype.getSubValue=function () {
           return this.subproperty;
       }
       var instance=new SubType();
       console.log(instance.getSuperValue());
    </script>

    本质:重写原型对象,把原型对象等于另一个类型的实例,给它换一个新原型.

    console.log(instance);

    更清晰地了解原型链
    在这里插入图片描述
    这里instance指向SubType的原型,SubType的原型又指向SuperType的原型,SuperType的原型指向Object,getSuperValue()在SuperType.prototype中,而getSubValue()在SubType.prototype中,也就是SuperType中.

    注意:在通过原型链实现继承时,不能使用字面量创建原型方法,也就是不能通过字面量往里面添加原型方法,这样会重写原型链.

    <script>
       function SuperType(){
           this.property=true;
       }
       SuperType.prototype.getSuperValue=function () {
           return this.property;
       }
       function SubType() {
           this.subproperty=false;
       }
       
       SubType.prototype=new SuperType();
       //使用字面量添加新方法会使上一行无效
       SubType.prototype={
           getSubValue:function () {
               return this.subproperty;
           },
           someOtherMethod:function () {
               return false;
           }
       };
       
        var instance=new SubType();
       console.log(instance.getSuperValue());//error
    </script>

    缺点:
    用原型链实现继承,所初始化的实例都会公用一个同一个属性,所以很少使用

    <script>
       function SuperType(){
           this.color=["red","blue","yellow"];
       }
       function SubType() {
           //this.subproperty=false;
       }
       
       SubType.prototype=new SuperType();
       
       stance1=new SubType();
       instance1.color.push("black");
       console.log(instance1.color);//"red","blue","yellow","black"
    
       var instance2=new SubType();
       console.log(instance2.color);//"red","blue","yellow","black"
    </script>

    借用构造函数

    实现:

    <script>
       function SuperType(){
           this.color=["red","blue","yellow"];
       }
    
       function SubType() {
          SuperType.call(this);
       }
       SubType.prototype=new SuperType();
    
       var instance1=new SubType();
       instance1.color.push("black");
       console.log(instance1.color);//"red","blue","yellow","black"
    
       var instance2=new SubType();
       console.log(instance2.color);//"red","blue","yellow"
    </script>

    本质:在子类型构造函数的内部调用超类型构造函数,通过call或者apply改变父类的this
    通俗的说就是在新的SubType对象上执行SuperType()函数中定义的所有对象初始化代码,所以SubType的每个实例都会具有自己的color属性副本.

    可以传递参数

    <script src="../JS/jquery 1.12.4.js"></script>
     <script>
        function SuperType(name) {
            this.name=name;
        }
        function SubType() {
            SuperType.call(this,"wsp");
            this.age=22;
        }
        var instance=new SubType();
        console.log(instance.name);//wsp
        console.log(instance.age);//22
     </script>

    缺点:方法都在构造函数中调用,无法进行函数复用,所以也很少单独使用.

    组合继承

    将原型链继承和借用构造函数组合到一块.最常用的继承模式

    实现:

    <script>
       function SuperType(name) {
           this.name=name;
           this.color=["red","blue","yellow"];
       }
       SuperType.prototype.sayName=function () {
           alert(this.name);
       };
       
       function SubType(name,age) {
           //继承属性
           SuperType.call(this,name);
           this.age=age;
       }
       
       //继承方法
       SubType.prototype=new SuperType();
       SubType.prototype.constructor=SubType;
       SubType.prototype.sayAge=function () {
         alert(this.age);  
       };
       
       
       var instance=new SubType("wsp",22);
       instance.color.push("black");
       console.log(instance.color);//"red","blue","yellow","black"
       instance.sayAge();//22
       instance.sayName();//wsp
    
       var instance2=new SubType("thh",20);
       console.log(instance2.color);//"red","blue","yellow"
       instance2.sayAge();//20
       instance2.sayName();//thh
    </script>

    原型式继承

    实现:

    <script>
      function  object(o) {
          function F() {}
          F.prototype=o;
          return new F();
      }
      var Person={
          name:"wsp",
          friend:["thh","hhp","hhh"]
      }
      
      var anotherPerson=Object(Person);
      anotherPerson.name="Greg";
      anotherPerson.friend.push("Rob");
    
      var yetotherPerson=Object(Person);
      yetotherPerson.name="Linda";
      yetotherPerson.friend.push("Bob");
      
      console.log(Person.friend);//"thh","hhp","hhh","Rob","Bob"
    </script>

    本质:object将传人进去的对象执行了一次浅复制,这种继承方式要求必须有一个对象作为另一个对象的基础(也可以说是你要创建的对象),然后传递给object,再根据需要进行修改.
    这个例子中,Person就是那个基础对象,传入object中返回一个新对象,这个新对象将Person作为原型,原型里的属性被共享.

    后来新增Object.create()方法规范了原型式继承
    可传递二个参数,第二个参数可选

    <script>
      
      var Person={
          name:"wsp",
          friend:["thh","hhp","hhh"]
      }
      
      //传递一个参数与object方法行为相同
      var anotherPerson=Object.create(Person);
      anotherPerson.name="Greg";
      anotherPerson.friend.push("Rob");
    
      var yetotherPerson=Object.create(Person);
      yetotherPerson.name="Linda";
      yetotherPerson.friend.push("Bob");
    
      console.log(Person.friend);//"thh","hhp","hhh","Rob","Bob"
    </script>
    <script>
    
      var Person={
          name:"wsp",
          friend:["thh","hhp","hhh"]
      }
      //传递二个参数会增加或覆盖同名属性
      var anotherPerson=Object.create(Person,{name:{value:"hhh"}});
      console.log(anotherPerson.friend);//"hhh"
    </script>

    寄生式继承

    <script>
      function  object(o) {
          function F() {}
          F.prototype=o;
          return new F();
      }
      
      function createAnother(original){
          var clone=object(original);//通过调用函数构造一个新对象
          clone.sayHi=function () {
              alert("hi");           //以某种方式增强这个对象
          };
          return clone;
      }
    
      var Person={
          name:"wsp",
          friend:["thh","hhp","hhh"]
      }
      
      var anotherPerson=createAnother(person);
      anotherPerson.sayHi();//hi
    </script>

    本质:创建一个仅用于封装继承过程的函数,该函数在内部以某种方式增强对象,在这里的object对象不是必须的,任何能返回新对象的函数都适用于此模式.

    科比走好,愿天堂也有篮球

    展开全文
  • JavsScript 设计模式(一) 读完本文可以学到 1. this、call、apply、bind 2. 闭包 3. 什么是高阶函数 4. 高阶函数的应用,包括AOP、currying、debounce等 JavsScript 设计模式(一) 1. this、call...
  • 认识JavsScript——第一天 计算机语言的分类 1.机器语言 2.汇编语言 3.高级语言 ...
  • javsScript事件

    2018-06-07 11:05:50
    JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。 比如说,当用户单击按钮或者提交表单数据时,就发生一个鼠标单击...
  • javsscript练习

    2017-12-12 22:56:00
    1.翻转字符串 function reverseString(str) { str=str.split('');把字符串转化成数组 str=str.reverse();翻转数组顺序 str=str.join('');数组转化成字符串 return str;} reverseString("hello");...
  • JavsScript基础–声明提升 编译与执行 我们在看JS代码时,往往是从上到下,从前到后,那么代码在执行时也是按照这样的顺序吗?可以说基本是这样的,但不完全是这样。从我们开始运行代码时,其实经历了两个过程...
  • JavsScript学习

    2017-07-21 17:39:08
    说明目前标准是ES6,主要参考来自于阮一峰的《ECMAScript 6入门》。 细节知识还是查阅API文档进行学习,官网... 关于如何安装nodejs,自己去查看网上教程。说明:要是发现一些新特性没有支持,首先查看当前版本nod
  • javsscript总结

    2016-11-03 21:30:00
    转载于:https://www.cnblogs.com/dai-/p/6028292.html
  • JavsScript 是一门单线程的编程语言,这就意味着一个时间里只能处理一件事,也就是说 JavaScript 引擎一次只能在一个线程里处理一条语句。 虽然单线程简化了编程代码,因为你不必太担心并发引出的问题,这也意味着你...
  • JavsScript Array对象

    2020-11-06 16:01:47
    javaScript Array对象 js Array知识图 Array 对象 Array 对象用于在变量中存储多个值: let cars = ["Saab", "Volvo", "BMW"]; 第一个数组元素的索引值为 0,第二个索引值为 1,以此类推。 Array对象方法 ...
  • JY05-JavsScript-JS基础01

    2016-07-27 23:28:00
    JavaScript第一天 1.前端三层 ...  css 表现层 审美 衣服 ... JavsScript 行为层 行为交互 动作 2.转义字符\r\n\t  \r return 回车符   \n new line 换行符 console.log可用  \t ...
  • JavsScript条件语句

    2020-03-26 23:23:01
    1、if语句 语法一: if(condition){statement1; } 语法二: if(condition){ statement1; } else{ statement2; } 语法三: if(condition){ statement1; } else if(condition){ statement2;... st...
  • JavsScript基础语法01

    千次阅读 多人点赞 2020-05-11 13:59:29
    目录1. JavaScript的书写位置2. JavaScript注释3. JavaScript输入输出语句4. 变量4.1 let 和 const命令5. 数据类型5.1 简单数据类型5.2 获取变量数据类型5.3 数据类型转换 1. JavaScript的书写位置 ...
  • 对于软件职业生涯,JavsScript不应该是首选 几天前,我写了一篇《what programming language you should learn first for a career in programming》的文章,引来了很多的争论(Google+ 上有很多没有读文章就提交的...
  • javsscript事件

    2013-03-03 12:48:20
    1,事件分为 一般事件:修改DOM样式属性时,通过驼峰法 Onfocus Onblue onload事件:整个文档都被加载后才触发的事件 setInterval()多秒之后执行某函数只执行一次 ...setTimeout()夺秒之后执行某函数一直执行 ...
  • 为什么80%的码农都做不了架构师?>>> ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 651
精华内容 260
关键字:

javsscript