JavaScript
文章平均质量分 68
紫陌520
这个作者很懒,什么都没留下…
展开
-
JavaScript 之 调用outlook发邮件功能mailto(附带换行问题)
mailto 众所周知是html中发送电子邮件的代码,写法如下:<a href="mailto:111111@qq.com">发送邮件</a>mailto还有一些参数使用方式,类似地址栏写法:mailto表示收件人(多人中间分号间隔)cc表示抄送人员(多人中间分号间隔)bcc表示密送人员(多人中间分号间隔)subject表示邮件主题body表示邮...原创 2019-11-11 14:59:55 · 4562 阅读 · 0 评论 -
JavaScript 之 事件(一)事件流
&amp;amp;lt;div class=&amp;quot;postBody&amp;quot;&amp;amp;gt; &amp;amp;lt;div id=&amp;quot;cnblogs_post_body&amp;quot; class=&amp;quot;blogpost-body&amp;quot;&原创 2018-07-20 16:58:49 · 250 阅读 · 0 评论 -
JavaScript 之 事件(二)事件处理程序
一、事件二、事件流以上内容见:JavaScript 之 事件(一)事件流三、事件处理程序前面提到,事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字。响应某个事件的函数就叫事件处理程序(也叫事件处理函数、事件句柄)。事件处理程序的名字以”on”开头,因此click事件的事件处理程序就是onclick,load事件的事件处理程序就是onload。...原创 2018-07-20 18:18:58 · 302 阅读 · 0 评论 -
JavaScript 之 事件(六)事件类型之滚轮事件
滚轮事件其实就是一个mousewheel事件,这个事件跟踪鼠标滚轮,类似Mac的触屏版。一、客户区坐标位置鼠标事件都是在浏览器视口的特定位置上发生的。这个位置信息保存在事件对象的clientX和clientY属性中。所有浏览器都支持者两个属性。clientX和clientY表示事件发生时鼠标指针在视口中的水平和垂直坐标。document.addEventListener('cl...原创 2018-07-26 12:02:04 · 498 阅读 · 0 评论 -
JavaScript 之 事件(三)事件对象
一、事件二、事件流以上内容见:JavaScript 之 事件(一)事件流三、事件处理程序四、IE事件处理程序以上内容见JavaScript 之 事件(二)事件处理程序五、事件对象什么是事件对象?在触发DOM上的事件时都会产生一个对象。1、认识事件对象事件在浏览器中是以对象的形式存在的,即event。触发一个事件,就会产生一个事件对象event,该对象包含着所有与事件有关的信息。...原创 2018-07-21 14:58:49 · 222 阅读 · 0 评论 -
JavaScript 之 事件(四)event的公共成员(属性和方法)
一、事件二、事件流以上内容见:JavaScript 之 事件(一)事件流三、事件处理程序四、IE事件处理程序以上内容见JavaScript 之 事件(二)事件处理程序五、事件对象以上内容见JavaScript 之 事件(三)事件对象六、事件对象的公共成员1、DOM中的event的公共成员event对象包含与创建它的特定事件有关的属性和方法。触发的事件类...原创 2018-07-21 16:52:16 · 243 阅读 · 0 评论 -
JavaScript 之 事件(七)事件类型之键盘与文本事件
键盘事件如下:keydown:当用户按下键盘上的任意键时触发,而且如果按住不放的话,会重复触发此事件。keypress:当用户按下键盘上的字符键时触发,而且如果按住不放的话,会重复触发此事件。keyup:当用户释放键盘上的键时触发。只有一个文本事件:textInput。textInput是对keypress的补充,用意是在将文本显示给用户之前更容易拦截文本。在文本插入文本框之前会触发t...原创 2018-07-27 10:15:22 · 202 阅读 · 0 评论 -
JavaScript 和 jQuery中的class操作
添加className(1)修改元素的“所有”的 class用新的 class 替换掉原有的所有 class,可以设置 className 属性:document.getElementById("MyElement").className = "MyClass";(如果想替换为多个 class,可以使用空格分隔。)(2)为元素添加新的 class如果想添加一个新的 cla...原创 2018-07-31 18:15:56 · 239 阅读 · 0 评论 -
jQuery 之 DOM节点操作及位置和大小
1. jQuery创建DOM标签1.1 DOM动态创建标签的方法DOM时代我们通过document的createElement方法动态创建标签。创建标签后,动态的给他添加属性。例如代码:// 动态创建标签var domDiv = document.createElment('div');// 动态创建属性domDiv.setAttribute('id', 'b...原创 2018-08-01 10:32:35 · 1688 阅读 · 0 评论 -
JavaScript 之 url编码函数encodeURI与encodeURIComponent,decodeURI与decodeURIComponent方法
一、作用全局函数encodeURI和encodeURIComponent方法,都可以用来进行url编码。之所以要对url进行编码,是因为浏览器不能识别某些字符,例如:空格、中文等。这两个方法对这些特殊字符用特殊的UTF-8进行编码,从而使得浏览器可以识别。二、区别 首先要讲解一下,专属url的特殊字符,这些字符指的是除数字字母以外的字符,例如: // /&amp;amp;nbsp; &amp;amp;amp;&amp;amp;nb...原创 2018-08-10 15:28:34 · 562 阅读 · 0 评论 -
JavaScript 之 typeof 操作符
typeof操作符返回一个字符串,表示未经计算的操作数的类型。The source for this interactive example is stored in a GitHub repository. If you’d like to contribute to the interactive examples project, please clone https://githu...原创 2018-08-07 17:59:14 · 184 阅读 · 0 评论 -
JavaScript 之 Arguments 对象
arguments 是一个对应于传递给函数的参数的类数组对象。语法arguments描述arguments对象是所有(非箭头)函数中都可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数,第一个参数在索引0处。例如,如果一个函数传递了三个参数,你可以以如下方式引用...原创 2018-08-08 10:47:27 · 187 阅读 · 0 评论 -
JavaScript 之 进制之间的转换
//十进制转其他 var x = 110; console.log(x); //110 console.log(x.toString(8)); //156 console.log(x.toString(16)); //6e console.log(x.toStri...原创 2018-08-13 14:56:16 · 167 阅读 · 0 评论 -
JavaScript 之 动态改变setInterval的时间间隔问题
setInterval的时间间隔一般设定的为一个常量,但是实际场景中我们有时候需要动态替换掉这个时间间隔那么该怎么处理呢?定时器的时间间隔是不能修改的,只能不停的创建,清除,创建。做出时间间隔变换的表象使用函数表达式和递归实现错误❌示范: var t = 500; var set = s...原创 2018-08-17 17:10:41 · 10592 阅读 · 1 评论 -
JavaScript 之 Array.prototype.slice.call()方法详解
Array.prototype.slice.call()方法详解 &amp;amp;amp;amp;lt;div class=&amp;amp;amp;quot;postBody&amp;amp;amp;quot;&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;div id=&原创 2018-08-28 10:52:09 · 240 阅读 · 0 评论 -
JavaScript 之 获取css值的方法:style,getComputedStyle,currentStyle
JS 获取 html元素的样式有三种方式:style、getComputedStyle 和 currentStyle等。区别在于:(1)style 只能获取行间样式,但能设置样式。(2)getComputedStyle 和 currentStyle 能够获取 行间样式/非行间样式/浏览器默认样式,但...原创 2018-07-25 23:04:45 · 226 阅读 · 0 评论 -
JavaScript 之 异步加载 defer和async的区别
按照惯例,所有script元素都应该放在页面的head元素中。这种做法的目的就是把所有外部文件(CSS文件和JavaScript文件)的引用都放在相同的地方。可是,在文档的head元素中包含所有JavaScript文件,意味着必须等到全部JavaScript代码都被下载、解析和执行完成以后,才能开始呈现页面的内容(浏览器在遇到body标签时才开始呈现内容)。 对于那些需要很多JavaScri...原创 2018-07-07 10:26:35 · 548 阅读 · 0 评论 -
JavaScript 之 定时器 及定时机制注意问题 (二)
javaScript里面内置了两个定时器,一个是setTimeout()一个是setInterval()。下面将由浅入深来理解一下定时器的工作原理。使用方式:setTimeout()setTimeout&amp;amp;nbsp;的语法非常简单,第一个参数为回调函数,第二个参数为延时的时间...原创 2018-07-09 13:28:57 · 623 阅读 · 0 评论 -
JavaScript 之 innerHTML、outerHTML、innerText、outerText的区别
&amp;amp;amp;nbsp; &amp;amp;amp;nbsp; 今天看了很多文章关于innerHTML、outerHTML、innerText、outerText的区别,都是很模糊的一个介绍,所以自己总结下这些区别以及一些重点内容。很多文章在描述这些区别的时候,都是只针对一点进行描述,所以很难完全理解这些的字面含义以及区别点。一、区别...原创 2018-07-16 11:49:51 · 451 阅读 · 0 评论 -
ECMAScript 6 之 let 和 const 命令
let 命令基本用法ES6 新增了let命令,用来声明变量。它的用法类似于var,但是所声明的变量,只在let命令所在的代码块内有效。{ let a = 10; var b = 1;}a // ReferenceError: a is not defined.b // 1上面代码在代码块之中,分别用let和var声明了两个变量。然后在代码块之外调用这两个变量,结果...原创 2018-07-16 15:21:39 · 165 阅读 · 0 评论 -
jQuery 之 $(this)及this 和 JavaScript中this的区别
js中的this我们要记住:this永远指向函数运行时所在的对象!而不是函数被创建时所在的对象。this对象是在运行时基于函数的执行环境绑定的,在全局环境中,this等于window先来看个例子:<script> var fullname = "Trigkit4"; var person = { fullname : 'Jack', prop:{ ...原创 2018-07-10 14:47:00 · 1332 阅读 · 1 评论 -
JavaScript 之 数组定义
1、什么是数组数组就是一组数据的集合其表现形式就是内存中的一段连续的内存地址数组名称其实就是连续内存地址的首地址2、关于js中的数组特点数组定义时无需指定数据类型数组定义时可以无需指定数组长度数组可以存储任何数据类型的数据(比如说一个元素保存整型,一个元素保存字符串型,这个在JS中是可以的)创建数组的语法:var arr=[值1,值2,值3]; //隐式创建...原创 2018-07-10 18:50:38 · 291 阅读 · 0 评论 -
JavaScript 之 笔记整理
每天更新一点,如果想看完整的PDF高清版的请联系我。。。原创 2018-07-11 09:04:13 · 157 阅读 · 0 评论 -
JavaScript 之 JSON操作常用方法
工作中做了几款自动化测试工具都是跟日志读取相关,日志格式又大多数都是JSON,所以这里把常用的JS操作JSON的方法做了总结:一、概念简介JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特...原创 2018-07-11 14:39:14 · 219 阅读 · 0 评论 -
JavaScript 之 JSON.stringify 语法实例讲解
语法: JSON.stringify(value [, replacer] [, space]) value:是必选字段。就是你输入的对象,比如数组,类等。 replacer:这个是可选的。它又分为2种方式,一种是数组,第二种是方法。 情况一:replacer为数组时,通过后面的实验可以知道,它是和第一个参数value有关系的。一般来说,系列化后的结果是通过键值对来进行表示的。 所以,如果...原创 2018-07-11 15:21:57 · 114 阅读 · 0 评论 -
JavaScript 之 事件(五)事件类型之鼠标事件
一、事件二、事件流以上内容见:JavaScript 之 事件(一)事件流三、事件处理程序四、IE事件处理程序以上内容见JavaScript 之 事件(二)事件处理程序五、事件对象以上内容见JavaScript 之 事件(三)事件对象六、事件对象的公共成员以上内容见JavaScript 之 事件(四)event的公共成员(属性和方法)七、鼠标事件DOM3级事件中定义了9个鼠标事...原创 2018-07-23 11:59:13 · 248 阅读 · 0 评论 -
JavaScript 之 数组常用方法总结
数组中的常用方法总结:能改变原数组的方法有:push,pop,shift,unshift,sort,reverse,splice不能改变原数组的方法有:concat,join,split,toString,slice1.push <!--作用:像数组的末尾添加一项或多项元素--> <!--参数:要添加的项--> <!--返回值:新数组的长度--&...原创 2018-07-12 10:50:58 · 190 阅读 · 0 评论 -
JavaScript 之 类数组
avaScript是一门弱类型语言,它的数据类型分为两大类:简单数据类型(5种:Undefined、Null、Boolean、Number、String)和复杂数据类型(1种:Object)。Object是ECMAScript中使用最多的一个类型,所有的引用类型的值都是Object类型的实例。引用类型,本质上是一种数据结构,用于将数据和功能组织在一起。对象是某个特定引用类型的实例。在JavaScr...原创 2018-07-12 18:14:14 · 116 阅读 · 0 评论 -
JavaScript 之 定时器 及定时机制注意问题 (一)
容易欺骗别人感情的JavaScript定时器JavaScript的setTimeout与setInterval是两个很容易欺骗别人感情的方法,因为我们开始常常以为调用了就会按既定的方式执行, 我想不少人都深有同感, 例如1 setTimeout(function() {2 3 alert('你好!');4 5 }, 0);6 7 setInterval(callba...原创 2018-07-06 13:12:34 · 493 阅读 · 0 评论 -
JavaScript 之 异步加载 性能优化
简介:&amp;amp;nbsp;随着 Web2.0 技术的不断推广,越来越多的应用使用 JavaScript 技术在客户端进行处理,从而使 JavaScript 在浏览器中的性能成为开发者所面临的最重要的可用性问题。而这个问题又因 JavaScript 的阻塞特性变的复杂,也就是说当浏览器在执行 JavaScript 代码时,不能同时做其他任何事情。本文详细介绍了如何正确的加载和执行 JavaScript...原创 2018-07-06 18:31:38 · 332 阅读 · 0 评论 -
Javascript中!!(两个感叹号,双感叹号)的含义
使用javascript时,有时会在变量前面加上两个感叹号,这样做表示什么含义呢?Javascript中,!表示运算符“非”,如果变量不是布尔类型,会将变量自动转化为布尔类型,再取非,那么用两个!!就可以将变量转化为对应布尔值。 在javascript代码中经常会见到!!的情况,本文即以实例形式较为深入的分析javascript中2个感叹号的用法。分享给大家供大家参考之用...原创 2018-05-27 10:59:45 · 15958 阅读 · 5 评论