JavaScript-从入门到入土(五)

BOM

BOM(Browser Object Model): 浏览器对象模型,是用来描述与浏览器进行交互的方法和接口
BOM下面有一个核心的对象 – window对象。
window下面的常用的事件操作:
onload() 页面内容加载完成后执行这里的代码
onscroll() 浏览器的滚动条触发时触发此事件
onresize() 浏览器窗口大小发生改变时触发此事件
document.documentElement.clientWidth 浏览器可视区的宽度(纯数字,没有单位)
document.documentElement.clientHeight 浏览器可视区的高度(纯数字,没有单位)

定时器

间隔定时器
setInterval(function(){},interval) :启动定时器
clearInterval(定时器的值):关闭定时器
延时定时器
setTimeout(function(){},interval):启动延时定时器
clearTimeout(定时器值):关闭定时器

DOM

DOM(Document Object Model):文档对象模型。描绘一个层次化的节点树,允许开发人员获取、添加、移除和修改页面的某一部分元素
DOM基本操作

  • 获取元素
    getElementById():获取单个的id元素
    getElementsByTagname():获取一类元素节点,返回一个类数组
    getElementByClassName():通过类名来获取一类元素节点,返回类数组
    querySelector():通过选择器的方式来获取,只获取单个
    querySelectorAll():通过选择器方式获取一类元素节点,返回类数组
    注意HTML元素的获取: document.doucumentElement – (返回<html>元素)
  • 创建、添加、删除、克隆、替换
方法 描述
document.createElement(elementName) 创建元素
document.removeChild(elementName) 删除元素
document.appendChild(elementName) 添加元素
document.replaceChild(elementName) 替换元素
document.write(text) 写入内容到文档
父节点.appendChild(元素节点) 素节点插入到父节点的内部最后的位置
父节点.insertBefore(新的元素节点,存在元素节点) 父节点内,把新的元素节点插入到已经存在的元素节点的前面

更多DOM

热门文章

暂无图片
编程学习 ·

OpenCV的初步解读

OpenCV的初步解读图像读取:cv2.imread(path,flag)`` flag:如何读取图片:cv2.IMREAD_COLOR:读取彩色图像。图像的透明度会被忽略(默认参数)。 cv2.IMREAD_GRAYSCALE:读取灰度图像。 flag=-1, 8位深度,原通道 flag=0, 8位深度 1通道 flag=1, 8位…
暂无图片
编程学习 ·

半导体物理复习总结(五)——非平衡载流子

非平衡载流子 热平衡状态是指在一定温度下,半导体中的载流子浓度一定。载流子的产生与复合相等,载流子的浓度乘积一定。统一的费米能级是热平衡状态的标志。非平衡状态是指在外界因素的影响下,半导体平衡状态受到微扰,内部的载流子浓度产生涨落。 复合是电子和空穴被洇灭或…
暂无图片
编程学习 ·

roarctf_2019_easy_pwn[off by one]

溢出一个字节,修改size域 exp from pwn import *context.log_level = debugdef debug_pause():log.info(proc.pidof(p))pause()def create_note(size, ):p.sendlineafter(choice:, str(1))p.sendlineafter(size:, str(size))def write_note(index, size, content):p.sendlineaf…
暂无图片
编程学习 ·

旋翼机自主着陆-主要技术难点

搜索阶段: 远距离: ​ 目标为几个像素,并且淹没在环境里 ​ 完全没有任何目标或目标偶尔出现,如何进行导航 中远距离 ​ 目标部分容易被遮挡,如何进行目标检测 ​ 在光线条件较差的环境下,目标检测出现误判和无法工作的情况 近距离 ​ 目标在视场中占据较大部分,飞机…
暂无图片
编程学习 ·

Python——走马灯

走马灯 def f():import times=人生苦短,我学Pythonc=0while True:print(s)time.sleep(0.3)#休眠0.3秒。每隔0.3秒,即300毫秒显示一行代码s=s[1:]+s[0]c+= 1if c==2*len(s):break f()输出结果 人生苦短,我学Python 生苦短,我学Python人 苦短,我学Python人生 短,我学Python…
暂无图片
编程学习 ·

navigation笔记

react native存在的问题 vscode怎样打断点 _onPressButton()为什么以下划线命名 setState用法 render()用法eslint报错 不懂的地方:不懂怎么调试 不懂apk入库yarn start报错不知道怎么去解决 1 怎样让调试栏目处于最顶部 2 怎样快速找到问题的地方 3 怎么快速打断点类为什么前…
暂无图片
编程学习 ·

模板字符串

模板字符串是在 JS 中创建字符串的一种新方法。我们可以通过使用反引号使模板字符串化。//ES5 Versionvar greet = Hi I\m Mark;//ES6 Versionlet greet = `Hi Im Mark`;在 ES5 中我们需要使用一些转义字符来达到多行的效果,在模板字符串不需要这么麻烦//ES5 Versionvar lastW…
暂无图片
编程学习 ·

剑指Offer 10-| 学习笔记

剑指Offer 10-| 学习笔记 写一个函数,输入 n ,求斐波那契(Fibonacci)数列的第 n 项。斐波那契数列的定义如下: F(0) = 0, F(1) = 1 F(N) = F(N - 1) + F(N - 2), 其中 N > 1. 斐波那契数列由 0 和 1 开始,之后的斐波那契数就是由之前的两数相加而得出。 答案需要取模…
暂无图片
编程学习 ·

git学习日志-标签

git也可以像svn一样打标签,以此来标记发布节点,以示重要性。 对标签的操作,一般包括: 1. 列出标签 2. 创建标签 3. 删除标签 4. 检出标签 一、列出标签 执行git tag命令,就可以看到当前仓库中已经打过的标签。注意: 这个命令会以字母顺序列出标签。 也可以加上-l或--list…
暂无图片
编程学习 ·

FFmpeg快速压缩,短视频秒播,视频流m3u8生成

FFMpeg快速压缩test.mp4是视频地址 libx264表示视频编码格式为H.264 crf 表示控制转码,18-28比较合理,18表示无损压缩,28表示有损的压缩,28压缩出来的视频会模糊 test_compressed.mp4表示压缩后的视频路径ffmpeg -i test.mp4 -vcodec libx264 -crf 22 -preset veryfast -c:…
暂无图片
编程学习 ·

wafmng项目限频&&黑名单功能方案

wafmng项目限频&&黑名单功能方案 需求:在心跳接口 http://manager.waf.qiyi.domain/api/heartbeat 和初始化接口 http://manager.waf.qiyi.domain/api/init 中增加限频和黑名单规则配置功能,黑名单规则配置可以进行增删查改功能。 一、前端页面显示 在http://localho…
暂无图片
编程学习 ·

Spring MVC的运行原理(简答)

a)(浏览器)用户发送请求 b)前端控制器(dispatcherServlet)接收(他会委托其他模块进行真正的业务和数据处理 ) c)向handlermapping发送url查找相应的方法(handlermapping中储存的是url 和方法的键值对) d)返回处理器(“地址”)。 e)前端控制器发送处理器“地址”给处理…
暂无图片
编程学习 ·

caller和callee的区别

callee caller返回一个函数的引用,这个函数调用了当前的函数。 使用这个属性要注意这个属性只有当函数在执行时才有用 如果在javascript程序中,函数是由顶层调用的,则返回nullfunctionName.caller: functionName是当前正在执行的函数。 function a() {console.log(a.caller)…
暂无图片
编程学习 ·

python中变量前面加星号*

python中变量e前面加星号,即*elist或tuple前面加星号字典前面加星号 list或tuple前面加星号 列表或元组前面加星号作用是将列表解开成两个独立的参数,传入函数; def add(x,y):return x+y b = [1,4] e = (2,3) add(*e) add(*b) >>> 5 >>> 5字典前面加星号 字…