JavaWeb 学习内容

一:
1.在Javascript中常用的两个函数
alert("弹出一个提示框") ;
document.write("向浏览器输出内容")

alert("今天德国大胜吗?") ;向浏览器输出内容document.write("今天天气不错!!") ;2.关于Javascript的变量的定义        var 变量名= 值;        注意:            1)在js中,var可以用来定义任何数据类型的变量,var 可以省略,但是不建议省略            2)var是可以重复定义变量的(后面的值会覆盖掉前面的值),是因为Javascript弱类型语言,而Java是一种强类型语言            3)如果定义一个变量,但是变量没有值,那么值(undefind),没有定义的变量不能直接使用!            查看一个变量的数据类型,使用一个函数:typeOf(变量名)            Javascript数据类型:                    在javascript,数据类型变量名的值来决定的!                  1)不管是整数还是小数都是number类型!                2)不管是字符还是字符串,都是string类型         String:在js中表示字符串对象                3)boolean类型                4)object   :对象类型

3.!--
类型转换函数

        string----number类型的整数           parseInt(变量)        stirng----number类型的小数           parseFloat(变量)-->    //定义一个变量    var a = "10" ; //string :里面的值10    document.write("转换前a的数据类型是:"+typeof(a)+"
") ;    //转换    a = parseInt(a) ;    document.write("转换后a的数据类型是:"+typeof(a)+",值是:"+a) ;    document.write("
") ;    var b = "3.14" ;    document.write("转换前b的数据类型是:"+typeof(b)+"
");    //转换    b = parseFloat(b) ;    document.write("转换后b的数据类型是:"+typeof(b)+",值是:"+b+"
    //with语句    with(document){        for(var i = 0 ; i < 5 ; i ++){            for(var j = 0 ; j <=i ; j++){                write("* ");            }            write("
") ;        }        write("
") ;        for(var i = 1 ; i <=9 ; i++){            for(var j = 1 ; j <= i ;j++){                write(i+"*"+j+"="+(i*j)+" ") ;            }            write("
") ;        }    }    6.//for-in:针对数组或者对象进行遍历    
8.
//方式1
//  String str = new String() ;
//var str1 = new String("hello") ;
//创建方式2//直接赋值的形式//js中String对象 的常用方法//chatAt() :返回指定索引位置处的字符//indexOf():表示某个子字符串在当前字符串中第一次出现的索引//lastindexOf();//fontColor():给当前字符串设置一个颜色标记//substrint(start,end):截取功能9.          //向上取整  //在整数位置+1        var num = 4.30 ;            document.write(Math.ceil(num)+"
");        //向下取整 :如果有小数部分,将小数部分去除掉,保留整数位        document.write(Math.floor(num)+"
");        //四舍五入          document.write(Math.round(num)+"
");        //获随机数  random():包含0,但是不包含1        document.write(Math.random()*100+"
") ;        //max/min        document.write(Math.max(num,100)) ;        10.function newDate(){    //生成一个系统时间的格式:2018-6-17 时:分:秒    //创建Date对象    var date = new Date() ;    //dateStr就是系统时间    var dateStr = date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDate()+"  "+                date.getHours()+":"+date.getMinutes()+":"+date.getSeconds() ;    //获取span标签对象,通过id获取    var dateTip = document.getElementById("dateTip") ; //dateTip is null     //设置span标签的innerHTML属性:文本属性    dateTip.innerHTML = dateStr;}//定时器//1)setInterval("任务",毫秒值) ; 每经过多少毫秒重复执行这个任务(函数)//2)timeout("任务",毫秒值) ;经过多少毫秒后执行一次这个任务window.setInterval("newDate()",1000) ;11.//如何创建一个Date对象       var date  = new Date() ;    //alert(date) ; //Sun Jun 17 2018 16:05:35 GMT+0800 (中国标准时间)    //获取系统时间:  2018年6月17日   XXX时:xx分:xx秒        --->Java中存在一个类:SimpleDateFormat    //getFullYear :获取年份    document.write(date.getFullYear()+"年") ;    //获取月份:getMonth 方法返回一个处于 0 到 11 之间的整数，    document.write((date.getMonth()+1)+"月") ;    //获取月份中的日期    document.write(date.getDate()+"日"+"  ") ;    //获取一天当中的小时    document.write(date.getHours()+":") ;    //获取分    document.write(date.getSeconds()+":") ;    //获取分钟的秒    document.write(date.getMinutes()) ;_____________________________________________________一:1. Array对象的创建方式     *       * 注意事项:     *      1)在js中,数组可以存储任意类型的元素!     *      2)在js中,不存在数组角标越界一说,数组中的元素数量是可以不断的增加..不会出现异常!     *       */    //方式1:相当于动态初始化    //1.1
//      var arr = new Array(3) ;
    //1.2
//      var arr = new Array() ; //表示0个长度
        //1.3  直接指定数组中 具体元素
//      var arr = new Array("hello",100,true,'a') ;
    //方式2 :直接指定数组的元素,不需要new Array() ;类似于Java中数组的静态初始化;        /**     * 两个方法     *  join():将数组中的所有元素以一个符号进行拼接,返回一个新的字符串     * reverse 方法:将数组中的元素进行反转
    js中的自定义对象    定义对象        1)相当于有参构造 的形式        2)无参构造的形式        function 自定义对象(Person) (参数名){            //定义属性            //定义方法        }        创建对象        var p = new Preson(实际参数) ;        //输出对象p中的属性值        //调用对象p中的方法    3.  设计一个数组工具对象，例如ArrayUtil对象，该对象提供以下两个方法：    search(array,target): 传入指定的数组和指定的字符串，返回指定字符串所在的位置    max(array): 传入指定的数组，返回该数组中的最大值-->//创建一个数组,静态初始化
var arr = [43,65,13,87,3,19] ;
//创建ArrayUtil对象
var arrayUtil = new ArrayUtil();
//查询3这个元素对应的索引
var index = arrayUtil.search(arr,300) ;
document.write("你要查找的元素的位置是:"+index) ;
document.write("
") ;
//获取arr中的最大值
var max = arrayUtil.max(arr) ;
document.write("当前数组中的最大值是:"+max);
问题:刚才使用的是自定义了一个对象ArrayUtil对象,完成刚才查询和最值操作;
在不提供任何工具类的情况下,怎么将search()和max()追加到Array(js的内置对象)对象中
Array对象有的方法
function Array(){
    this.join = function() {    }    this.reverse = function(){    }    //追加    this.search() = function(){    }    //这样写就不行了,因为Array对象是内置对象,不能直接这做,获取不到源码!}
原型(prototype)
作用:就是给js中的内置对象追加方法使用的
1)每一个js内置对象都有一个原型属性(prototype)
2)如果往原型对象中追加一个方法,那么这个方法会自动追加到内置对象中
3)原型属性是可以直接被内置对象调用然后追加方法
//原理/定义了原型对象function Prototype(){    this.search = function(){    }}function Array(){    //创建原型对象    var prototype = new Prototype() ;    //自动追加    this.search = function(){    }}-->