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

热门文章

暂无图片
编程学习 ·

php编写的旅游网站

使用PHP编写一个简单的旅游网站! wampserver集成环境编写php+mysql使用最新的Bootstrap(v4.5.0)框架详细的前端功能详细的用户后台管理具体又详细的文件上传函数文件提取链接:https://pan.baidu.com/s/1EeS4o4FnoSWLQ8f_oFg0CQ 提取码:idqm
暂无图片
编程学习 ·

python编程练习(小甲鱼)第6-10课

1.python中有两种除法运算,一种是真除,一种是floor除法,/ 是真除,保留浮点数,//是floor除法,去除浮点数保留整数 a = 30/4 #7.5 b = 30//4 #72.请写一个程序打印出 0~100 所有的奇数 for i in range(101):if i % 2==1:print(i)3.爱因斯坦曾出过这样一道有趣的数学题:有一…
暂无图片
编程学习 ·

AppcompaActivity 相对于 Activity 的区别

1、AppcompaActivity 带 ActionBar 标题栏,Activity 则不带。参考文档显示ActionBarActivity已经过时,使用AppCompatActivity代替。2、theme 主题只能用 android:theme=”@style/AppTheme (appTheme主题或者其子类),不能使用 android:style。
暂无图片
编程学习 ·

Java 为什么Set元素是不重复的?是如何去重复的?

为什么Set元素是不重复的?是如何去重复的?对于有值特性的,Set集合可以直接判断进行去重复。例如数字1,2,本身就有值特性。 对于引用数据类型的类对象: set集合会让两两对象,先调用自己的hashCode()方法得到彼此的哈希值(所谓的内存地址) 然后比较两个对象的哈希值是否相…
暂无图片
编程学习 ·

数据挖掘常用算法有哪些?分类、聚类、预测、关联规则

数据挖掘常用算法1 分类在数据挖掘的发展过程中,由于数据挖掘不断地将诸多学科领域知识与技术融入当中,因此,目前数据挖掘方法与算法已呈现出极为丰富的多种形式。从使用的广义角度上看,数据挖掘常用分析方法主要有分类、聚类、估值、预测、关联规则、可视化等。从数据挖掘…
暂无图片
编程学习 ·

c# 日期的常见用法

//获取当前时间queryBean.EndTime = DateTime.Now;获取当前时间30天之前的时间 queryBean.StartTime = DateTime.Now.AddDays(-30);
暂无图片
编程学习 ·

2020.6.27 HTML总结

HTML总结: 一、HTML基本结构 <html><head><title>这是一个文本</title></head> ​ <body>文本</body> </html>< html >元素是 HTML 页面的根元素 < head > 元素包含了文档的元(meta)数据,如 < meta charse…
暂无图片
编程学习 ·

查看、生成 SSH 密钥用于安全登陆

SSH 可以用来登陆服务器,远程执行命令,并用强加密算法编码保护通信安全,目前广泛应用于远程命令控制、文件加密传输等方面。SSH 登陆服务器的方法一般有两种:密码登陆和密钥登陆。 在受信任的设备上使用密钥鉴权方式登陆相比于每次登陆时输入密码更加方便,也免除了密码被偷…
暂无图片
编程学习 ·

【线性代数(2)】n阶行列式三种定义

n阶行列式1. 回顾2. n阶行列式2.1 第一种定义(按行展开)2.2 表示方式2.3 举个例子2.4 三角行列式2.5 第二种定义(按列展开)2.6 第三种定义(随意展开)2.7 习题举例 1. 回顾 先回顾一下之前的三阶行列式,看一下其中的规律 ∣a11a12a13a21a22a23a31a32a33∣=a11∗a22∗a33+…
暂无图片
编程学习 ·

pytorch神经网络学习笔记(3)

分类import torch from torch.autograd import Variable import torch.nn.functional as F import matplotlib.pyplot as plt#生成数据 n_data=torch.ones(100,2) #类别1的数据 x0 = torch.normal(2*n_data,1) #类别1的标签 y0 = torch.zeros(100) #类别2的数据 x1 = torch.nor…