DOM编程和JS书写中的一些报错

1.获取元素的css:

获取标签的高:


一个段落
一个段落
一个段落
一个段落
一个段落
一个段落
一个段落
一个段落一个段落一个段落一个段落
一个段落一个段落 一个段落一个段落
一个段落
一个段落
一个段落

元素的宽与高:


元素的滚动距离:

elem.scrollTop

elem.scrollLeft

浏览器滚动距离:

document.documentElement.scrollTop

document.body.scrollTop

图片懒加载:

图片的懒加载:默认图片src为loading.gif

当图片进入到浏览器可视区域,开始把src值替换为data-src执行懒加载

进入可视区域:当元素与浏览器可视区域的边界小于浏览器可视区域高+浏览器滚动的距离

例:

    

btn.addEventListener(type,funName)------例:



解绑:

btn.onclick = null;btn.removeEventListener(type,funName)·······注:匿名函数不能解绑

例:




鼠标事件:

mouseover 鼠标移入        mouseout 鼠标移出       mousedown 鼠标按下         mouseup 鼠标弹起

mousemove 鼠标移动      click 单击             dblclick双击

键盘事件:

keypress----按下弹起       keyup----弹起       keydown----按下     event.keyCode----键对应数字编码

event.key键盘的名称       event.which等于keyCode

事件传递:

冒泡:最具体元素最先捕捉到事件,传递给最不具体的元素(document)

捕获:最不具体的元素先捕获到事件,传递给最具体的元素

默认都是冒泡,使用捕获,elem.addEventlistener(事件类型,响应函数,是否为捕获)

                                         elem.addEventListener("click",doit,true)

阻止事件传递-------event.stopPropagation()

阻止默认事件-------event.preventDefault()

js与css的部分报错:

css:

如果审查元素,没有发现你的的css----1.css引入发生错误;2.css选择器发生错误

如果审查元素发现你写的css,被划掉了---1.被划掉带感叹号,css语法错误;2.单纯比划掉,选择器权限不够

css //注释不管用,如果上一行发生错误,下一行css也不管用

js:script写过src属性的不能在里面放入代码

Uncaught SyntaxError: Invalid or unexpected token

25行发生的错误:语法错误,标点符号错误

Uncaught 没有捕捉到  SyntaxError:语法错误  Invalid不合法的   or或者  Unexpected 不期待出现的

token字符

Uncaught ReferenceError: b is not defined

未捕捉到引用错误:b 没有定义

 

Uncaught TypeError: swiper.clone is not a function

20行发生了错误:uncaught TypeError没有捕捉到类型错误

swiper.clone is not a function

swiper.clone不是一个函数

swiper没有clone方法 大概率方法名写错了

 

Uncaught TypeError: Cannot read properties of null (reading 'classList')

classList前面那个元素为null 没有选择到

15行,第11字符错误

Uncaught 没有捕捉到  TypeError类型错误   Cannot 不能   read 读   properties 属性   of null null的

不能读取null的属性(reading ‘classList’)  reading读   classList 类列表

当读取null的classList属性了发送了类型错误

引起的原因: swiper选择适合没有选择到值就null(选择器填错了)

 

Uncaught TypeError: Cannot read properties of undefined (reading 'add')

15行发生错误

Uncaught TypeError没有捕捉到类型错误

Cannot read properties of undefined 不能读取未定义的属性

(reading 'add')读取add属性

add前面那个对象是undefined

原因:swiper.classList 选择到swiper没有classList的值为undefined

通过querySelectAll选择的 列表没有classList属性

Uncaught SyntaxError: Unexpected token '<'

swiper.js出错了,还在第1行   uncaught没有捕捉到     SyntaxError 语法错误   Unexpected 不期待的

token符号

‘<’ 不应存在

引起原因:script的src 地址填错了,hbuilderx默认返回一个404的网页

js文件是个html待'<' 报错

Uncaught TypeError: Cannot read properties of null (reading 'appendChild')

appendChild前面那个元素为null


document.body为null

原因:在body前获去执行js document.body 还没有body标签

 


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部