2020年09月_lord_of_war

原创 HTML5新增元素——语义化标签篇

figure元素figure是个组合元素，可以带标题figcaption，一个figure只允许放置一个figcaption。<figure><img src="logo.png" alt="图片"><figcaption>标志</figcaption></figure>details元素:dtails提供了一种替代Javascript的、将画面上局部区域进行展开或收缩的方法.<details><summary

2020-09-27 19:46:50 271

原创 HTML5新增元素及使用——表单篇

form相关的元素form属性在HTML5中表单元素可放在表单之外，通过给该元素添加form属性来指向目标表单（form属性值设为目标表单id）即可。formaction属性HTML5给提交按钮(如button、submit、image等)增加了formaction属性，以便提交到不同的服务器地址。<input formaction="new.html" type="submit" value="提交到new.html">formmethod属性用法同formaction。pl

2020-09-27 18:28:58 559

原创开心摇摇乐（定时器的应用）

定时器定时器分为两种一种是一次性的，时间到就执行var timer=setTimeout(function(){},触发的时间(单位毫秒));清除的方法clearTimeout(timer)第二种是周期性的，根据设定的时间周期进行var timer=setInterval(function(){},触发的时间(单位毫秒));清除的方法clearInterval(timer)下面写一个简单的关于定时器的小案例——开心摇摇乐（随机点名系统）开心摇摇乐话不多说，上代码<!DOCTY

2020-09-20 21:34:10 200

原创何为防抖，何为节流 in JavaScript

刚听到这两个词的时候，我是一脸萌的，这啥啊这是，js还有这玩意，直到我认真了解了一下之后，哇哦，原来是这个样子的呢，今天就来给大伙们讲讲何为防抖何为节流。下面，正片开始：函数防抖(debounce)当做随着输入框输入不同内容展示不同的结果列表类似需求时，一般会绑定input的change事件，该事件在用户输入过程中会多次被触发，这时可以用防抖处理一下 debounce(fn,time)，可以保证在用户输入完time时间后才触发fn。这里不用 throttle，因为debounce更加符合举个栗子：

2020-09-20 21:19:37 96

原创 DOM事件（表单事件）

onblur元素失去焦点时触发。输入你的名字: <input type="text" id="fname" onblur="myFunction()"><p>当你离开输入框, 函数将被触发将输入文字转换成大写。</p>function myFunction(){ var x=document.getElementById("fname"); x.value=x.value.toUpperCase();}输入aaan之后失去焦点，aaan被转化为了AA

2020-09-13 19:47:43 275

原创 DOM事件（对象事件）

onabort图像的加载被中断时，执行JavaScript。onabort 事件在用户中止加载 <img> 或 <input type="image"> 元素时触发。onbeforeunload在即将离开当前页面(刷新或关闭)时执行 JavaScript 。定义和用法onbeforeunload 事件在即将离开当前页面（刷新或关闭）时触发。该事件可用于弹出对话框，提示用户是继续浏览页面还是离开当前页面。对话框默认的提示信息根据不同的浏览器有所不同，标准的信息类似 “

2020-09-13 18:23:24 195

原创 DOM 事件（键盘事件）

onkeydown事件onkeydown 事件会在用户按下一个键盘按键时发生。提示：与 onkeydown 事件相关联的事件触发次序:onkeydownonkeypressonkeyuponkeydown事件在很多小游戏上应用较多，比如需要控制上下左右的很多游戏，如2048，贪吃蛇，俄罗斯方块等等。 keyDown: function () { document.onkeydown = function (e) { //键盘按下后，判断

2020-09-06 22:12:46 694

原创 DOM 事件（鼠标事件）

HTML DOM 事件允许Javascript在HTML文档元素中注册不同事件处理程序。事件通常与函数结合使用，函数不会在事件发生前被执行。鼠标事件onclick 事件onclick 事件会在元素被点击时发生。<p>单击按钮触发函数。</p><button onclick="myFunction()">点我</button><p id="demo"></p>function myFunction(){ documen

2020-09-06 21:37:04 1258

lord_of_war的博客