• java script小结


    javascript是一种嵌入在网页里的程序段,是一种解释性语言,只能被浏览器解释执行。出于安全性的考虑,增加了javascript的限制,增强了客户端交互功能。

    JavaScript的作用:

    1.增,删,改网页上所有元素及属性;

    2.在HTML网页中动态写入文本;

    3.响应网页中事件,做出相应处理;

    4.校验客户端提交的数据;

    5.检测浏览器版本和类型。

    JavaScript代码嵌入的嵌入:

    1.嵌入script标签<script>......</script>

    2.嵌入a标签<a href="javascript:alert('win')";></a>

    3.引用外部文件,创建一个JavaScript文件在title下引入:<script src="javascript文件路径",type=“text/javascript”></script>

    javascript的数据类型

    1.基本数据类型:undefined,null,boolean,number,string

    2.引用数据了类型:

    (1)原生对象:object,Array,String,Boolean,Number,Date,RegExp

    (2)内置对象:Globe,Math

    (3)宿主对象:BOM,DOM(依赖浏览器)

    (4)自定义对象

    数据类型的转换:

    (1)自动转换:任何数据和字符串相加都是字符串,遇到减号将字符串转为整数,如果无法转为整数,得到非字符NaN;

    (2)强制转换:

    parseInt:找数字,如果是数字直接返回,遇到非数字截止

    如果首位是非数字,返回NaN

    parseFloat:截止到第一个小数点为止

    Number:只能转换数字,里面如果包含字符则无法转换,返回NaN

    Boolean:0表示false,非0表示true

    产生对象的方法:

    1.工厂模式:负责产生对象,外部调用不会管内部实现方式

    在函数中先要创建一个对象,结束时,要将对象返回出去

    2.构造函数:去掉工厂模式的两个步骤,因为浏览器会默认产生一个Object对象和返回一个对象

    3.原型:对象.Prototype.方法

    4.构造+原型:在构造的基础上判断对象是否有原型的某个函数

    5.Json:(1)用于储存和传输数据的一种格式。(2)经常用于服务器和客户端传输数据(3)是一种轻量化的数据交换格式(4)用大括号保存数据(5)每个数据之间,用,隔开

    继承:

    1.对象的冒充:同时冒充多个父类时,有相同属性或方法时,后面会覆盖前面的

    (1)子类中:this.inherit=父类函数名    this.inherit(name)(属性名)

    (2)子类中:父类名.call(this,name);

    (3)子类中:父类名.apply(this,[name等])

    2.原型链(类与类之间的单继承)

    子类之外:子类名.Prototype=new 父类名()

    BOM

    页面上所有的变量都是window的属性

    BOM主要功能:

    1.弹出浏览器窗口能力

    2.移动,关闭,更改浏览器大小的能力

    3.提供浏览器信息导航对象

    4.提供浏览器载入页面详细的本地对象

    5.提供分辨率

    定时器:setTimeOut(1,2)(第一参为要执行代码,二参为控制时间:毫秒)

    clearTimeOut(test):清除定时器对象

    间隔执行程序:setInterval(1,2)(第一参为执行程序,二参为间隔时间:毫秒)

    clearInterval(test):清除时间间隔对象

    alert:向用户弹出对话框,并等待用户关闭

    confirm:弹出选择对话框,并返回用户操作的布尔值,会产生阻塞,用户操作后才返回

    prompt:弹出输入框(输入内容为string类型)

    open:打开一个窗口

    close:关闭窗口

    DOM

    获取节点

    创建节点

    替换节点

    克隆节点

    事件

    事件冒泡:当使用时,子元素先触发,父元素也跟着触发

    事件捕获:父类先触发,子类再触发

    鼠标事件:onmouse移出,onmouseover移入,onclick点击,onmousemove移动,onmousedown按下,onmouseup松开

    键盘事件:onkeydown按下任意键,onkeyup松开键,onkeypress按下除shift和Alt以外的键

    HTML事件:onload加载,onchange改变文本触发,onfocus获取到光标...

    javascrip控制css

    (一)控制内联

    获取属性

    1.通过.style获取元素css属性,可以动态改变css属性

    2. .style.getPropertyValue("属性名")

    3..style.item(下标)获得当前返回的第几个属性

    删除属性:

    .style.removeproperty("属性名")

    增加属性:

    .style.setProperty("","","")动态增加属性,一参为属性名,二参为值,三参为优先级,可以为空

    获得对象所有属性:

    .style.cssText=""将之前所有的属性覆盖为当前设置的属性

    (二)内部样式,外部样式(火狐,IE会将.cssRules改为.Rules)

    .styleSheets:得到内部和外部样式的个数数组

    .cssRules:得到第几个CSS样式

    (三)最终样式(火狐,IE:.currentStyle)

    .defaultView.getComputedStyle(1,2)(一参为对象,二参为伪类,一般为“”)是只读的,不能改变内容

     

  • 相关阅读:
    combotree的总结(这个好)
    Extjs下拉树代码测试总结
    ExtJs 3 自定义combotree
    项目中EXTjs中运用到的下拉树
    EXTJS下拉树ComboBoxTree参数提交及回显方法
    Extjs window组件 拖动统制
    extjs grid数据改变后刷新的实现
    获取 ext grid 选中行 对象
    ext:grid分页,列宽度自动填满grid宽度
    pringBoot2.0启用https协议
  • 原文地址:https://www.cnblogs.com/fengxiaopiaoer/p/5536625.html
Copyright © 2020-2023  润新知