偶然间遇到,需要在JS中解决类似于C#中的线程休眠问题,JS有Promise对象,可以帮助我们实现这一点,网上有很多类似文章,我这里列举一个使用示例: 定义休眠方法--使用Promise创建一个异步可等待的方法://设置JS休眠一定时间后执行的动作var sleep = function (millisecond) {returnnew Promise(resolve => {setTimeout(() => {resolve()}, millisecond)})}; 使用休眠方法--使用async和await,实现休眠等待效果://测试方法var te...
DOM:文档对象模型,操作网页上的元素的API,比如让盒子移动,变色,轮播图等作用: 找对象(元素节点) 设置元素属性值 设置元素样式 动态创建和删除元素 事件的触发响应: 事件源-->事件绑定-->事件的驱动获取对象: 获取document对象: console.log(document); 获取html对象: document.documentElement; 获取body对象: document.body;获取body中的DOM(三种): 通过id获取: document.getElementById("里面是id值"...
什么是事件代理?首先得知道什么是事件,并且弄清楚事件流,才能真正明白事件代理原理。一、什么是事件? javascript与HTML之间交互就是通过事件实现的,事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。如onload、onclick、onmouseup、onmousedown... 。二、事件流 DOM(文档对象模型)结构是一个树型结构,当一个HTML元素产生一个事件时,该事件会在元素结点与根结点之间的路径传播,路径所经过的结点都会收到该事件,...
JavaScript是一种无类型语言,但同时JavaScript提供了一种灵活的自动类型转换的处理方式。基本规则是,如果某个类型的值用于需要其他类型的值的环境中,JavaScript就自动将这个值转换成所需要的类型。以下列出JavaScript一种特定类型用于一种特定环境下时所执行的转换。类型转换 值 字符串 数字 布尔值 对象未定义 "undefined" NaN false Errornull "nu...
在项目中经常遇到一个问题,打印word或者打印excel的时候,我们经常使用一对一的赋值或者批量替换的方式来对模板进行修改。 但是现在遇到两种场景: 1、取值是通过自定以方法进行取值的。 如:一个销售单据,会涉及到很多种费用,并且这些费用是由后台配置的,非常灵活。但是我们在制作打印模板时取值各项费用我们该如何去定义他呢,如何给他赋值呢?我们如果针对这一个场景下的模板进行一个特殊定义后,在打印另一...
<html> <head> <title>Javascript模糊查找</title> </head> <body> <li onload="load(‘Name‘)" id="name">Name</li> <li onload="load(‘sex‘)" id="sex">sex</li> <li onload="load(‘age‘)" id="age">age</li> <li onload="load(‘job‘)" id="job">job</li> <li onload="load(‘mail‘)" id="mail">E-mail</li> <input id="input" type="text" value="" /> <input id="search" type="button"...
thisthis表示当前对象,如果在全局作用范围内使用this,则指代当前页面对象window; 如果在函数中使用this,则this指代什么是根据运行时此函数在什么对象上被调用。 我们还可以使用apply和call两个全局方法来改变函数中this的具体指向。先看一个在全局作用范围内使用this的例子: <script type="text/javascript">console.log(this === window); // trueconsole.log(window.alert === this.alert); // trueconsole.log(th...
数组 arr 在遍历同时动态增长会发生什么呢let arr = [1,2] arr.forEach(item => arr.push(...arr)) console.log(arr) // 输出: [ 1, 2, 1, 2, 1, 2, 1, 2 ] 并未输出 [1,2] 或 [1,2,1,2...] 无限循环下去JavaScript引擎:V8源码git地址:https://github.com/v8/v8vscode打开源码文件夹V8-MASTER/src/builtins-collections-gen.cc数组的循环遍历由 Goto 与 BIND 搭配完成,Goto(adress) 指跳转的目标adress , BIND(adress) 指对应...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>New Web Project</title><script>window.onload=function(){var oU1=document.getElementById('uAge1');var oU2=document.getElementById('uAge2');var oBtn=document.getElementById('...
JavaScript 键盘事件有以下3种keydown键盘按键按下(如果按着不放,会持续触发该事件),可以捕获组合键。keypress键盘非功能按键按下(在keydown之后触发,如果按着不放会持续触发该事件),只能捕获单个键。keyup键盘按键弹起,可以捕获组合键。全局事件对象eventevent.ctrlKey功能键”ctrl”键是否按下。event.altKey功能键”alt”键是否按下。event.shiftKey功能键”shift”键是否按下。event.keyCode键盘按键键码。event.char...
原文:Javascript 方法大全一、基础知识 1 创建脚本块 1: <script language=”JavaScript”> 2: JavaScript code goes here 3: </script> 2 隐藏脚本代码 1: <script language=”JavaScript”> 2: <!-- 3: document.write(“Hello”); 4: // --> 5: </script> 在不支持JavaScript的浏览器中将不执行相关代码 3 浏览器不支持的时候显示 1: <noscript> 2: Hello to the non-JavaScript browser. 3: </noscript> 4 链接外部脚本...
这篇文章主要介绍了javascript实现保留两位小数的多种方法,如果数字的原本小数位数不到两位,那么缺少的就自动补零,感兴趣的小伙伴们可以参考一下第一种方法:javascript实现保留两位小数一位自动补零代码实例:第一种方法介绍一下如何实现对数字保留两位小数效果,如果数字的原本小数位数不到两位,那么缺少的就自动补零,这个也是为了统一的效果,先看代码实例:?12345678910111213141516functionreturnFloat(value){ varvalue=M...
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html><head><base href="<%=basePath%>"><title>My JSP 'MyJsp.jsp' starting page</title><meta http-equiv="pragma" cont...
javascript正则表达式的2种定义方法:一种是直接调用RegExp(),第二种是直接用字面量来定义,即var re = /正则规则/;js正则表达式的2种定义方法本质都是调用RegExp()方法在调用同一段正则代码的时候,ECMAScript3和ECMAScript5中表现完全不一样function reg(){ var re = /\sjavascript/; return re; }分别在ECMAScript3和ECMAScript5中调用reg()方法多次在ECMAScript3中,调用的是同一个RegExp对象,在ECMAScript5中,调用的是...
本文的目标读者是入门级Web前端开发人员。 本文介绍了CSS选择符表达式引擎的基本原理。CSS选择符引擎几乎是前端开发人员每天在使用的工具。本文将逐一介绍实现该引擎的各种策略。首先,我们介绍基于W3C标准API的方法。 W3C标准的Slectors API能够支持的平台: Safari 3+, Firefox 3.1+, Internet Explorer 8+, Chrome and Opera 10+两个最常用的方法:querySelector,该函数接受一个CSS选择符字符串,返回找到的第一个元素,如果没...