当前位置: 首页 > news >正文

Html5新的选择器

querySelector() 选择器 注:只能选择一个元素

 

querySelectorAll() 选择器 注:选择一组元素

 

getElementsByClassName() 专门针对class的,获取一组class元素

获取class列表属性

classList

  Length:class的长度

  Add():添加class的方法

  Remove():删除class方法

  Toggle():切换class方法

JSON的新方法

 

 

新方法的应用,深度克隆对象

深拷贝

 

data自定义数据

  data-name:dataset.name

  data-name-first:dataset,nameFirst

延迟加载JS

 JS的加载会影响后面的内容加载

    很多浏览器都采用了并行加载JS,

    但还是会影响其他内容

Html5的defer和async

    defer:延迟加载,会按顺序执行,

    在onload执行前被触发

    async:异步加载,加载完就触发,

    有顺序问题

pushState方法

  

history

  服务器下运行

  pushState三个参数:

    数据 标题(还没有实现) 地址(可选)

Popstate事件: 读取数据event.state

注意:网址是虚假的,需要服务器后台指定映射对应页面,不然刷新找到不到页面

 

 

 

转载于:https://www.cnblogs.com/y123/p/10872187.html

相关文章:

  • 说说Charles
  • 对比MySQL,一文看透HBase的能力及使用场景
  • h3c vlan配置
  • es6 实现单链表
  • maven中spring jar包版本号不统一出现报错
  • 从零开始学Node.js(七_增)
  • python基础知识8——常见内置模块
  • vim跳转到某行
  • Knative Eventing 中如何实现 Registry 事件注册机制
  • jquery.i18n.properties前端国际化方案
  • cursor-spacing 软键盘和input的距离
  • spring cloud服务注册与发现无法发现的可能原因
  • Python中的列表(3)
  • 【Java基础】图片压缩
  • Nginx反向代理,负载均衡,redis session共享,keepalived高可用
  • 2017届校招提前批面试回顾
  • Fastjson的基本使用方法大全
  • Java程序员幽默爆笑锦集
  • MySQL主从复制读写分离及奇怪的问题
  • React16时代,该用什么姿势写 React ?
  • Spring Cloud Alibaba迁移指南(一):一行代码从 Hystrix 迁移到 Sentinel
  • Vultr 教程目录
  • Zsh 开发指南(第十四篇 文件读写)
  • 聚簇索引和非聚簇索引
  • 快速体验 Sentinel 集群限流功能,只需简单几步
  • 蓝海存储开关机注意事项总结
  • 前端存储 - localStorage
  • 如何将自己的网站分享到QQ空间,微信,微博等等
  • 如何借助 NoSQL 提高 JPA 应用性能
  • 深入浅出webpack学习(1)--核心概念
  • 数据库写操作弃用“SELECT ... FOR UPDATE”解决方案
  • 异常机制详解
  • 深度学习之轻量级神经网络在TWS蓝牙音频处理器上的部署
  • 看到一个关于网页设计的文章分享过来!大家看看!
  • Spring第一个helloWorld
  • #Ubuntu(修改root信息)
  • #设计模式#4.6 Flyweight(享元) 对象结构型模式
  • (C#)Windows Shell 外壳编程系列9 - QueryInfo 扩展提示
  • (Repost) Getting Genode with TrustZone on the i.MX
  • (顶刊)一个基于分类代理模型的超多目标优化算法
  • (附源码)计算机毕业设计大学生兼职系统
  • (转)从零实现3D图像引擎:(8)参数化直线与3D平面函数库
  • (转)关于pipe()的详细解析
  • .NET Framework 和 .NET Core 在默认情况下垃圾回收(GC)机制的不同(局部变量部分)
  • .NET Micro Framework 4.2 beta 源码探析
  • .net php 通信,flash与asp/php/asp.net通信的方法
  • [acwing周赛复盘] 第 94 场周赛20230311
  • [AR Foundation] 人脸检测的流程
  • [Django 0-1] Core.Handlers 模块
  • [Golang]K-V存储引擎的学习 从零实现 (RoseDB mini版本)
  • [JS] 常用正则表达式集(一)
  • [Linux]——彻底学通权限
  • [Linux]进程间通信(进程间通信介绍 | 匿名管道 | 命名管道)
  • [luogu P1527]矩阵乘法(矩形k小)
  • [P7885][Android13] 解决5G信号良好状态栏信号只有两格的问题