首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML5中的DOM扩展(三)插入标记

    ---- theme: channing-cyan 这是我参与8月更文挑战的第24天,活动详情查看:8月更文挑战 今天我们说一下插入标记,我们熟悉的插入有innerHTML,其实还有几种和他类似的方法,...插入标记 我们之前用的api大多数都是获取元素内容,HTML5规范中定义了一个向标签元素内添加内容的方法。...; "afterbegin",插入当前元素内部,作为新的子节点或放在第一个子节点前面; "beforeend",插入当前元素内部,作为新的子节点或放在最后一个子节点后面; "afterend",插入当前元素后面...性能问题 我们虽然这样操作的话会比我们修改HTML中的内容方便,但是我们修改的内容如果还有其他绑定js事件或者操作,就会导致内存占用比较大,我们在用的时候一定要注意被替换的元素上所关联的js事件。...我们在用innerHTML的时候一定要进行转义或者隔离插入的数据。

    1.9K40

    vim按键整理

    vim按键整理 1 一般模式下光标移动、搜索替换、复制粘贴 光标移动 h / b / ← 光标向左移动一个字符 j / ↓ 光标向下移动一个字符 k / ↑ 光标向上移动一个字符 l / w / →...Up] 按键 (常用) [Ctrl] + [d] 屏幕向『下』移动半页 [Ctrl] + [u] 屏幕向『上』移动半页 搜索替换 /word 向光标之下寻找一个名称为 word 的字符串 ?...word 向光标之上寻找一个名称为 word 的字符串 n n 是英文按键,重复前一个搜寻的动作 N N 是英文按键,反向进行前一个搜寻动作 :n1,n2s/word1/word2/g n1 与 n2...重复前一个动作 (常用) 2 编辑模式 插入、取代模式 i, I 插入模式:i 从光标所在处插入,I 在所在行第一个非空格符处插入 (常用) a, A 插入模式:a 从光标所在下一个字符处插入,A...所在行最后一个字符处插入 (常用) o, O 插入模式:o 所在行的下一行插入新行,O 所在行的上一行插入新行 (常用) r, R 取代模式:r 只取代光标所在字符一次,R 一直取代光标所在文字,直到按下

    1.4K50

    GPIO—按键轮询

    12.1关于按键 前面控制LED灯是让GPIO输出高低电平,而获取按键则是读取GPIO电平,从而获知用户是否按下按键按键监测一般有两种:按键扫描和按键中断。...按键中断而是通过按键产生中断信号,从而实现按键的检测,这种方式需要使用到中断机制,需要对MCU了解深入一点,效果是最好的。...本节先介绍按键扫描,理解按键的基本原理,下一章再介绍按键中断,同时了解STM32F103的中断使用方法。...按键一般占用一个GPIO口,通过监测该GPIO的电平变化得知按键操作,典型的电路如图 12.1.1 所示。当所需按键比较多时,则可以采用矩阵按键减少GPIO的占用。...矩阵按键需要通过编程扫描等方式实现对多个按键的监控,这里以最简单的独立按键为基础进行介绍。

    2K20

    JavaScript 学习-34.HTML DOM 创建插入删除替换元素

    前言 HTML DOM 可以创建一个新元素,并插入到指定元素的位置 createElement 创建元素 document.createElement() 可以创建一个元素 document.createTextNode...如果 newchild 是 DocumentFragment 节点,则不会直接插入它,而是把它的子节点按序插入当前节点的 childNodes[] 数组的末尾。...它没有父节点,parentNode 返回 null ,但是可以插入任意数量的子节点。 它不属于当前文档,操作 DocumentFragment 节点,要比直接操作 DOM 树快得多。...它一般用于构建一个 DOM 结构,然后再插入当前文档。 可以使用 appendChild() 方法把元素从页面上一个位置移到另外一个位置。...要插入的节点对象 existingnode 节点对象 必须。要添加新的节点前的子节点。

    2.6K30

    按键事件处理

    按键来临时可能会有三种动作: ACTION_DOWN:按键被按下 ACTION_UP : 按键被释放 ACTION_MULTIPLE : 多次重复的按键事件,可通过getRepeatCount获取次数...按键事件处理 当然按键也有很多标志位,可以通过event.getFlags()方法来获取按键的标志位。...FLAG_SOFT_KEYBOARD:软键盘的按键事件 FLAG_KEEP_TOUCH_MODE:在按键状态下就会触摸触摸模式,设置了该标志位可以在按键按下时保持触摸模式 FLAG_FROM_SYSTEM...所以有了按键的action的log之后,就可以自己设计在什么情况下去做一些按键的处理,比如我如果想要在长按按键时做一个操作 那么可以有三次查询到该按键的机会 第一次,down,重复次数0 ,非长按 第二次...比如上述这个问题,就是对按键的事件不太清楚,一个按键流程分为down和up,虽然你在A界面处理了按键的长按事件,虽然看似 你返回了true,你返回true仅仅表示该按键的down事件你不会往下传递,但是你并没有处理

    2.4K50

    GPIO—按键中断

    按键初始化:GPIO端口时钟使能、AFIO复用功能时钟使能、GPIO引脚设置为下降沿触发中断(PA0, PG15, PC13, PE3); 填充每个按键中断处理函数:读取按键GPIO状态,操作对应LED...灯亮灭; 主函数调用LED和按键初始化后,无需任何操作; 本实验配套代码位于“5_程序源码\6_GPIO—按键中断\”。...可根据需求设置为上升沿触发,即松开按键触发中断,双边缘触发,即按下松开都触发中断; 22~33行:初始化每个按键对应的GPIO,“HAL_GPIO_Init()”里会判断该引脚是否为EXTI模式,如果是则调用...OFF:ON); break; } default:break; } } 9~11行:定义了全局变量标志位,用于记录按键按下状态; 14~49行:根据传入的引脚号,得知是哪一个按键按下,从而控制对应LED...LED和按键,无需任何操作。

    2.9K30
    领券