JavaScript
文章平均质量分 59
前端Beginners
这个作者很懒,什么都没留下…
展开
-
操作元素
操作元素是DOM的核心内容 1、操作元素修改内容: innerText和innerHTML都可以进行对元素内容的修改, 元素.innerText = 修改的内容; innerText与innerHTNL都可进行元素内容的删除,但是他们还存在许多的不同 相同点: 1、他们两种都可进行元素内容的删除 2、都可以保留元素内容 innerText: 1、不可以识别HTML标签,在输入与输出都不会识别,输入会把HTML标签当中字符串进行输出,输出不会识别,不会进行输出 2、输出时不保留空格和换行 innerHTMK:原创 2021-04-02 22:16:23 · 244 阅读 · 0 评论 -
继承模式
** 原型链继承: ** 得到父类构造函数的方法 前面我们说到,所有的实例有一个内部指针,指向它的原型对象,并且可以访问原型对象上的所有属性和方法。doggie实例指向了Dog的原型对象,可以访问Dog原型对象上的所有属性和方法;如果Dog原型对象变成了某一个类的实例 aaa,这个实例又会指向一个新的原型对象 AAA,那么 doggie 此时就能访问 aaa 的实例属性和 AA A原型对象上的所有属性和方法了。同理,新的原型对象AAA碰巧又是另外一个对象的实例bbb,这个实例bbb又会指向新的原型对象 BB原创 2021-04-01 15:57:40 · 126 阅读 · 1 评论 -
节点操作
** 父节点: ** node.parentNode: 得到的是该元素的父亲节点(离元素最近的父元素),如果找不到返回null ** 子节点: ** (1)node.childNodes 得到的是该元素的所有孩子(包含文本节点,元素节点,换行,空格等),为集合 由于得到的是所有的内容,我们要想得到我们想要的元素节点,我们需要写一个判断程序进行选择,通过nodeype判断节点的类型,元素节点的类型为1,文本节点的类型为3 (2)node.children 这个可以得到所有的元素节点,也是一个集合,这个得到的为原创 2021-03-26 21:49:27 · 404 阅读 · 1 评论 -
事件拖拽
** 事件拖拽 ** 例如利用鼠标对一个盒子进行拖拽移动位置: 用到的事件有: onmousemove 鼠标移动 onmousedown 鼠标按下 onmouseup 鼠标松开 事件对象的event: event.clientX 获取鼠标的X轴 event.clientY 获取鼠标的Y轴 相关问题处理: 鼠标在拖拽盒子时,鼠标点击哪,鼠标就在哪,不会自动变化原理位置的问题解决: 通过获取鼠标的X轴和Y轴分别减去盒子左边距离和上边距离,结果为鼠标在盒子内离左边和上边的距离 获取盒子外左边的距离为:盒子原创 2021-03-25 13:43:28 · 129 阅读 · 1 评论 -
事件相关
** 事件的冒泡: ** 定义: 指的是事件向上传导,后代的响应事件被触发时,其祖先的相同事件也同样被触发 大多数的事件冒泡都是好的,但是也有例外,在我们不想要事件冒泡时,我们可以取消冒泡 语法: 我们需要对事件对象进行取消冒泡,所以我们需要定义事件对象 我们将事件对象属性cancelBubble的值设置为true,就可以取消事件冒泡 event.cancelBubble = true ** 事件的委派: ** 定义: 事件的委派也叫事件代理,简单理解就是:原本是某个元素需要绑定的事件,现在将这个事件交给别原创 2021-03-20 15:59:28 · 53 阅读 · 0 评论 -
闭包
** 如何产出闭包: ** 当一个嵌套的内部子函数引用了外部父函数的变量(函数)时,这时就产出是闭包 ** 闭包是什么: ** 理解一:闭包是嵌套的内部函数(大多数人都是主要理解) 理解二:包含被引用变量(函数)的对象(少数人) 注意:闭包存在与嵌套的内部函数中 判断闭包对象创建了几个就看外部函数调用了几次 产生条件:(这几个条件都满足才可以判断产生闭包) 1、函数嵌套 2、内部函数引用外部函数的数据(变量/函数) 3、执行外部函数 常见闭包: 1、将内部函数作为外部函数的返回值 function fn1(原创 2021-03-19 10:38:50 · 61 阅读 · 0 评论 -
JavaScript函数对象
** 一、利用字面量创建函数的对象: ** (1)格式: var 对象名 = { //属性声明: 属性名:属性值,//注意这里是逗号, 属性名:属性值, 属性名:属性值, 属性名:属性值, //方法声明: 方法名:function() { //匿名函数 函数的内容; } } (2)对象的调用: 调用属性:(两种方法) 例: alert(对象名 . 属性名);(方法一) alert(对象名【‘属性名’】)//注意:方括号中要加引号【‘ ’】方法(二) 调用方法: //直接调用 对象名 . 方法名() 例:原创 2021-03-12 11:24:47 · 219 阅读 · 0 评论