//打印预览 window.print(); /*设置默认横向打印*/ @page { size: landscape; } /*设置默认纵向打印*/ @page { size: portrait
:(""+变量)10.JS中的取字符串长度是:(length) 11.JS中的字符与字符相连接使用+号. 12.JS中的比较操作符有:==等于,!...=不等于,>,>=,<.<= 13.JS中声明变量使用:var来进行声明 14.JS中的判断语句结构:if(condition){}else{} 15.JS中的循环结构:for([initial expression...HTML: 51.当超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:<a href="a.html" onclick......的多重继续. 73.JS中的self指的是当前的窗口 74.JS中状态栏显示内容:window.status="内容" 75.JS中的top指的是框架集中最顶层的框架 76.JS中关闭当前的窗口:...{alert("ok");}else{alert("Not Ok");} 78.JS中的窗口重定向:window.navigate("http://www.sina.com.cn"); 79.JS中的打印
在调用 window.print() 时，可以实现打印效果，但内容太多时要进行分页打印。...在样式中有规定几个打印的样式 page-break-before 和 page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。...每个打印属性都可以设定4种设定值：auto、always、left和right。其中Auto是默认值，只有在有需要时，才需设定分页符号 (Page breaks)。...page-break-before 若设定成 always，则是在遇到特定的组件时，打印机会重新开始一个新的打印页。
-340A-11D0-A96B-00C04FD705A2" height="0" width="0"> 打印..." οnclick="document.all.WebBrowser.ExecWB(6,1)"> 打印" οnclick="document.all.WebBrowser.ExecWB...="button" value="页面设置" οnclick="document.all.WebBrowser.ExecWB(8,1)"> 打印...OK" οnclick=" return myprint(this);"> 打印预览" οnclick="document.all.WebBrowser.ExecWB
js之动画事件 首先，动画事件主要包括以下三个animationstart，animationiteration和animationend事件，下面做简单分别介绍。...animationstart 该事件在css动画开始播放时触发 animationiteration 该事件在css动画重新播放时触发 animationend 该事件在css动画结束播放时触发 我们知道...animation:name duration timing-function delay iteration-count direction; 分别是：动画名称 动画持续事件 动画运行速度曲线 动画开始时的运行时间...this.innerHTML="动画正在运行"; x.style.background="pink"; } function myanimationiterration() //动画再次运行触发，同样也是通过事件监听...this.innerHTML="动画重新运行"; x.style.background="greenyellow"; } function myanimationend() //动画运行结束时触发，同样也是通过事件监听事件
先上结论： 他们是描述事件触发时序问题的术语。事件捕获指的是从document到触发事件的那个节点，即自上而下的去触发事件。相反的，事件冒泡是自下而上的去触发事件。...绑定事件方法的第三个参数，就是控制事件触发顺序是否为事件捕获。true,事件捕获；false,事件冒泡。默认false,即事件冒泡。...，"+this.id) }) 结果： child事件被触发，child parent事件被触发，parent 结论：先child，然后parent。...事件的触发顺序自内向外，这就是事件冒泡。...事件触发顺序变更为自外向内，这就是事件捕获。 方法： 阻止事件冒泡 和默认行为。 事件冒泡： ? 阻止默认行为： ?
一、概述 事件委托，又叫事件代理。事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。 例子：有三个同事预计会在周一收到快递。...二、为什么是使用事件委托 一般来说，dom需要有事件处理程序，我们都会直接给它设事件处理程序就好了，那如果是很多的dom需要添加事件处理呢？...，这就是为什么性能优化的主要思想之一就是减少DOM操作的原因；如果要用事件委托，就会将所有的操作放到js程序里面，与dom的操作就只需要交互一次，这样就能大大的减少与dom的交互次数，提高性能； 每个函数都是一个对象...三、事件委托原理 事件委托利用的是事件冒泡原理，将事件绑定到父级元素上，当点击子元素时，通过事件冒泡将事件传递到父级元素。 四、总结： 那什么样的事件可以用事件委托，什么样的事件不可以用呢？...适合用事件委托的事件：click，mousedown，mouseup，keydown，keyup，keypress。
onError IE4|N3|O 捕抓当前页面因为某种原因而出现的错误，如脚本错误与外部数据引用的错误 onLoad IE3|N2|O3 页面内空完成传送到浏览器时触发的事件，包括外部文件引入完成...元素完成需要显示的内容后触发的事件 onStart IE4|N|O 当Marquee元素开始显示内容时触发的事件 编辑事件 事件 浏览器支持 描述 onBeforeCopy IE5|N|O 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件...onSelectStart IE4|N|O 当文本内容选择将开始发生时触发的事件 数据绑定 事件 浏览器支持 描述 onAfterUpdate IE4|N|O 当数据完成由数据源到对象的传送时触发的事件...onCellChange IE5|N|O 当数据来源发生变化时 onDataAvailable IE4|N|O 当数据接收完成时触发事件 onDatasetChanged IE4|N|O 数据在数据源发生变化时触发的事件...onAfterPrint IE5|N|O 当文档被打印后触发的事件 onBeforePrint IE5|N|O 当文档即将打印时触发的事件 onFilterChange IE4|N|O 当某个对象的滤镜效果发生变化时触发的事件
，脚本执行，事件处理等 其包含的线程有：GUI 渲染线程（负责渲染页面，解析 HTML，CSS 构成 DOM 树）、JS 引擎线程、事件触发线程、定时器触发线程、http 请求线程等主要线程 关于执行中的线程...： 主线程：也就是 js 引擎执行的线程，这个线程只有一个，页面渲染、函数处理都在这个主线程上执行。...工作线程：也称幕后线程，这个线程可能存在于浏览器或js引擎内，与主线程是分开的，处理文件读取、网络请求等异步事件。...上述过程的不断重复就是我们说的 Event Loop (事件循环)。...宏任务主要包含：script( 整体代码)、setTimeout、setInterval、I/O、UI 交互事件、setImmediate(Node.js 环境) 微任务主要包含：Promise、MutaionObserver
1.事件流 事件发生时会在元素节点与根节点之间按照特定的顺序传播，路径所经过的所有节点都会收到该事件，这个传播过程即DOM事件流。...2.两种事件流模型 1.冒泡型事件流：事件的传播是从最特定的事件目标到最不特定的事件目标。即从DOM树的叶子到根 2.捕获型事件流：事件的传播是从最不特定的事件目标到最特定的事件目标。...即从DOM树的根到叶子 3.绑定事件的方法 1.普通浏览器 绑定事件：addEventListener(type,name,bool); 删除事件：removeEventListener...() 2.ie 低版本 绑定事件：attachEvent（） 删除事件：detachEvent() 4.参数说明 type 事件类型 例如：click load name...事件执行函数 bool true 为事件捕获 && false 为事件冒泡 5.阻止事件冒泡和 事件捕获 1.阻止事件冒泡 不 阻止默认行为 event.stopPropagation
oDrag.style.left=l+'px'; oDrag.style.top =t+'px'; } 知识点： 用class获取元素封装; 学习mouseover事件
首先，我们来解释下事件循环是个什么东西: 就我们所知，浏览器的js是单线程的，也就是说，在同一时刻，最多也只有一个代码段在执行，可是浏览器又能很好的处理异步请求，那么到底是为什么呢？...我们先来看一张图(这张图来自于http://www.zcfy.cc/article/node-js-at-scale-understanding-the-node-js-event-loop-risingstack...从上图我们可以看出，js主线程它是有一个执行栈的，所有的js代码都会在执行栈里运行。...原因：因为一开始js主线程中跑的任务就是macrotask任务，而根据事件循环的流程，一次事件循环只会执行一个macrotask任务，因此，执行完主线程的代码后，它就去从microtask队列里取队首任务来执行...， 以及借鉴了其他优秀文章 参考: http://www.zcfy.cc/article/node-js-at-scale-understanding-the-node-js-event-loop-risingstack
DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。...事件捕获*（****event capturing****）*：通俗的理解就是，当鼠标点击或者触发dom事件时，浏览器会从根节点开始由外到内进行事件传播，即点击了子元素，如果父元素通过事件捕获方式注册了对应的事件的话...事件冒泡**（***dubbed bubbling***）**：与事件捕获恰恰相反，事件冒泡顺序是由内到外进行事件传播，直到根节点。...dom标准事件流的触发的先后顺序为：先捕获再冒泡，即当触发dom事件时，会先进行事件捕获，捕获到事件源之后通过事件传播进行事件冒泡。...on 的事件。
DOCTYPE html> JS Bin .box1{ border:...六、常见的事件类型 常见事件类型 解析 click 单击 dblclick 双击 focus 焦点，比如表单input把光标放上去开始输入的时刻 blur 失去焦点，比如输入完成切换到下一个输入框时，就失去了焦点...失去焦点并且值发生了改变 submit 表单提交的时候触发 scroll 页面滚动的时候触发，注意使用函数节流 resize 页面面积变化触发，注意使用函数节流 DOMContentLoaded DOM 结构解析完成...，不用等图片解析 load 页面所有资源（图片css 等）加载完成触发，触发时间比较晚 mouseover 鼠标放上去触发，注意进入元素的子元素会重复触发 mouseout 鼠标拿出去触发，注意离开元素的子元素会重复触发...}) window.addEventListener('resize', function(e){ console.log('resize..') }) //页面所有资源加载完成
可以使用侦听器（或处理程序）来预订事件，以便事件发生时执行相应代码。 而事件流描述的是从页面接收事件的顺序。...事件冒泡 2. 事件捕获 “Netscape Communicator 团队提出的事件流则为事件捕获，事件捕获的思想是不太具体的节点更早的收到事件，而最具体的节点最后接收到事件。...DOM 事件流 “DOM2级事件”规定的事件流包括三个阶段： 事件捕获阶段 处于目标阶段 事件冒泡阶段 首先发生的是事件捕获，为截获事件提供了机会，然后实际目标接收到事件，最后阶段是冒泡阶段，此阶段可以对事件作出响应...输出结果 可是，当我们将子级的冒泡和捕获在js中位置调换后，输出的则是……子级先冒泡，再捕获！如下： ? 输出结果2 这是什么原因呢？？ 下期——事件处理顺序，进一步揭晓。...点击下面链接 查看历史文章 git 基础操作 js处理微信分享配置 小程序生命周期
修改元素样式的一些思考 JSON JSON字符串转化为JS对象 JS对象转换为JSON字符串 eval函数 ---- window.onload:事件 浏览器加载一个页面时，是按照自上而下的顺序加载的...，读取到一行就运行一行，如果将script标签写到页面上边，在代码执行的时候，页面还没有完全加载 window.onload事件会在整个页面加载完成之后，才会触发，将对应的script代码，写在里面，可以确保...script代码可以在页面加载完成之后，才会执行 <!...document.onkeydown=function(event) { //打印按钮键的ascall编码 alert(event.keyCode); }...修改元素样式的一些思考 追加属性记得加一个空格 ---- JSON JSON字符串转化为JS对象 JS对象转换为JSON字符串 ---- eval函数
今天遇到一个非常奇怪而又搞笑的事情：给一个a标签添加一个鼠标移动上时给一个事件，我给其添加的是一个onMouseMove事件，结果在IE6 7 8 9和GOOLE中都很正常，结果在Firox中出现问题了...这是我遇到的第一个在firox中的兼容性问题，开始让我很苦恼，不知道什么原因，结果仔细查找，就是onMouseMove事件在日怪。当我给提添加onMouseOver事件时就对了。...鼠标的一些事件如下所示： onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove IE4|N4|O 鼠标移动时触发的事件 onMouseOut IE4...|N3|O3 当鼠标离开某对象范围时触发的事件 onKeyPress IE4|N4|O 当键盘上的某个键被按下并且释放时触发的事件....[注意:页面内必须有被聚焦的对象] onKeyDown IE4|N4|O 当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象] onKeyUp IE4|N4|O 当键盘上某个按键被按放开时触发的事件
Input Event常用事件触发的先后顺序如下： 1 keydown 2 keypress 3 textInput 4 input 5 keyup keydown，keyup 1 全部浏览器支持 2...event.keyCode，返回键盘上按键对应的特定键码 （兼容性：分号在Firefox，Opera上返回的是ASCII码，在IE，Safari上返回键码） 4 event.charCode = 0 这两个事件触发时...4 event.data，返回用户输入的文本 （如果按键是s，那么返回s； 如果按键是s+Shift，那么返回S） 5 IE9中事件名为textinput（全小写，其它浏览器中I需要大写） input...，在内容变化时，实时触发 （与onchange事件类似，但是onchange事件只有在元素失去焦点的时候才触发） 4 IE9中此事件有bug，在多种删除方式（使用退格键（Backspace），删除键（Delete...），Ctrl+X，右键菜单中的剪切和删除）不会被实时触发 5 IE9种需要使用addEventListener绑定事件，而attachEvent绑定事件的方式不可用 6 Safari5之前的版本在textarea
事件绑定 什么是事件绑定？...事件冒泡 事件冒泡就是当事件的对象有父子级关系时，当执行子级事件后，父级事件也会因为事件冒泡，也会执行，因此，大多数时候，事件冒泡需要消除。...所以为了避免事件的兼容性问题 var oEvent = e || event; 一般使用这样的方法来消除浏览器对事件的兼容 鼠标点击事件 鼠标的位置 oevent.clientX：返回鼠标的横坐标的位置... 可以控制div方块左右移动 键盘提交 就是按下 回车 或者 ctr + 回车 键，来对信息进行提交 本案例借用了前几篇文档中的运动封装：animate.js...{ margin: 20px 10px; } js
概念 事件委托也叫事件代理，事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。...原理 利用事件冒泡，而冒泡指的就是事件从向上传递事件，如果事件有相应的函数绑定就会执行其绑定函数。...从这里可以看到没有直接针对特定元素绑定事件，而是对事件源进行匹配，所以不存在新生元素无事件的问题。...不适合：mouseover,mouseout, 没有：focus，blur jq写法 $(par).on("click",'child',fn) 拓展：事件监听 概述 事件监听：W3C规范中定义了3个事件阶段...event : （必需）事件名，支持所有DOM事件。 function：（必需）指定要事件触发时执行的函数。 useCapture：（可选）指定事件是否在捕获或冒泡阶段执行。true，捕获。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
