• js表单提交,面向对象


    一.js表单验证之后再提交

    1.普通按钮onclick函数调用表单的submit()函数

      <input type=button name="submit1" value="登陆" onclick="check(this.form)"> 

    2.submit类型的input添加onclick函数,如果返回false,则继续处理事件,从而触发onsubmit函数;如果返回true,则停止处理事件。

       <input type=submit name="submit1" value="登陆" onclick="return check(this.form)"> 

    3.把onsubmit的检查放在form属性里

    <form action="login.do?act=login" method="post" onsubmit="return check(this)">

    4.ajax提交,用于对表单数据做些转换再提交

    二.js创建对象

    1.工厂模式

    function showColor(){
       alert(this.color);
      }
      
      function Car(){
       var ōcar = new Object();
       ocar.color = color;
       ocar.doors = door;
       ocar.showColor = showColor;
       return ocar;
      }

    var car1 = Car();
    var car2 = Car();
      调用此函数时将创建新对象,并赋予它所有的属性和方法。使用此函数可以创建2个属性完全相同的对象。当然我妹可以通过给它传递参数来改版这种方式。当然可以通过给它传递参数来改版这种方式。

    更简单的方式:

    return {

       "color":color,

       "doors":door,

       "showColor":showColor;

    }

    2.构造函数new出来

    function Car(color,door){
       this.color = color;
       this.doors = door;
       this.showColor = function(){
        alert(this.color)
       };
      }
      
      var car1 = new Car("red",4);
      var car2 = new Car("blue",4);

    3.原型方式(单例模式)

     function Car(){
     }
      
     Car.prototype.color = "red";
     Car.prototype.doors = 4;
     Car.prototype.arr = new Array("a","b");
     Car.prototype.showColor = function(){
         alert(this.color);
     }
    var x=new Car()
    var y=new Car()

    x和y指向同一个arr对象

    4.原型方式定义函数+构造函数定义成员变量

      function Car(color,door){
       this.color = color;
       this.doors = door;
       this.arr = new Array("aa","bb");
      }
      Car.prototype.showColor(){
       alert(this.color);
      }
      
      var car1 = new Car("red",4);
      var car2 = new Car("blue",4);
      
      car1.arr.push("cc");
      
      alert(car1.arr);  //output:aa,bb,cc
      alert(car2.arr);  //output:aa,bb

    5.动态原型方式

    动态原型的方式同混合的构造函数/原型方式原理相似。唯一的区别就是赋予对象方法的位置。

     function Car(color,door){
       this.color = color;
       this.doors = door;
       this.arr = new Array("aa","bb");
       
       if(typeof Car._initialized == "undefined"){
        Car.prototype.showColor = function(){
         alert(this.color);
        };
        Car._initialized = true;
       }
      }
  • 相关阅读:
    Swift学习二
    Swift学习一
    iOS--点击地图上某一点获取该点的经纬度
    iOS--新特性一览
    搭建LNAMP环境(三)- 源码安装Apache2.4
    搭建LNAMP环境(四)- 源码安装PHP7
    搭建LNAMP环境(五)- PHP7源码安装Redis和Redis拓展
    搭建LNAMP环境(六)- PHP7源码安装MongoDB和MongoDB拓展
    搭建LNAMP环境(七)- PHP7源码安装Memcached和Memcache拓展
    PHP安装mysql.so扩展
  • 原文地址:https://www.cnblogs.com/weiyinfu/p/5475065.html
Copyright © 2020-2023  润新知