js

js保留小数点后两位数字

折月煮酒 提交于 2020-02-05 07:35:42
今天带大家来了解一下js如何保留小数点后两位的^ . ^ 前言 保留小数点后两位的第一种方法 保留小数点后两位的第二种方法 保留小数点后两位的第三种方法 保留小数点后两位的第四种方法 这篇文章适合学习js且又不知道如何保留小数点后两位的友友们阅读哦~ 前言 js保留小数点后两位,意思就是 2.1234567,保留2.1234567后面两位得到的就是2.12,接下来就带大家进入js保留小数点后两位的海洋~ 保留小数点后两位的第一种方法 var num = 22.125456 ; //声明一个变量 num = num . toFixed ( 2 ) ; //num是上面的变量,toFixed是保留小数的意思 //括号里的数字是保留几位的意思,咱们写的是2,它就保留2位。 //这个方法是会四舍五入的,咱们这里写出来的输出结果是 22.13 保留小数点后两位的第二种方法 function getnum ( ) { var num = 22.123456 ; //声明变量 var figure = num . substring ( 0 , num . indexOf ( "." ) + 3 ) ; alert ( figure ) ; //在页面中弹出figure ,小伙伴们可以去试一下哦~ } 这一行代码的解析是这样的: 声明一个变量,当然你可以取其他名字,等号后面的num就是上面的变量

js基础知识点总结

心已入冬 提交于 2020-02-05 07:32:09
js基础知识点总结 如何在一个网站或者一个页面,去书写你的js代码: 1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs) 2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs) 常用内部类:Data Array Math String HTML属性,CSS属性 HTML:属性.HTML属性="值"; CSS:对象.style.CSS属性="值"; class和float 1.class:className 2.float:cssFloat 获取对象 id:document.getElementById("id 名") 事件:用户的动作 鼠标事件: onclick:点击 onmouseover: 鼠标放上 onmouseout:鼠标离开 ondbclick:双击事件 onmousedown:鼠标按下 onmouseup:鼠标抬起 onmousemove鼠标移动 表单事件: onfocus:获取焦点 onblur:失去焦点 onsubmit:提交事件 onchange:当发生改变的时候 onreset:重置事件 键盘事件: onkeyup:键盘抬起 onkeydown:键盘按下 onkeypress:键盘按键一次 窗口时间:onload事件 页面加载完成之后立刻执行的事件

jQuery Ajax通用js封装

两盒软妹~` 提交于 2020-02-05 05:08:17
第一步:引入jQuery库 <script type="text/javascript" src="<%=path%>/resources/js/jquery.min.js"></script> 第二步:开发Ajax封装类 ,已测试通过,可以直接调用,直接贴代码,讲解就省了 /***************************************************************** jQuery Ajax封装通用类 (linjq) *****************************************************************/ $(function(){ /** * ajax封装 * url 发送请求的地址 * data 发送到服务器的数据,数组存储,如:{"date": new Date().getTime(), "state": 1} * async 默认值: true。默认设置下,所有请求均为异步请求。如果需要发送同步请求,请将此选项设置为 false。 * 注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。 * type 请求方式("POST" 或 "GET"), 默认为 "GET" * dataType 预期服务器返回的数据类型,常用的如:xml、html、json、text *

js--常用的四大排序

与世无争的帅哥 提交于 2020-02-05 04:28:57
1、冒泡排序 在一排数中,从前往后对相邻的两个输依次比较和调整,让较大的数往下沉,较小的数往前冒。 (第一个和第二个比较,如果后面的大于前面的则换第二个和第三个比较。。。) for(var i = 1; i < arr.length;i++){ for(var j = 0;j < arr.length - i;j++){ if(arr[j] > arr[j+1]){ var temp = arr[j] arr[j] = arr[j+1] arr[j+1] = temp } } } 2、选择排序 在一排数中,第一个和第二个比较,若后面的比前面小则交换下标,用最小的和后面的比较,若后面的大于前面的则下标不变。 for(var i = 0;i < arr.length - 1;i++){ //确定轮数 var iMink = i; //记录最小值的下标 for(var j = i+1;j< arr.length ;j++){ if(arr[iMink] >arr[j]){ iMink = j } } if(iMink != i){//交换数据 var temp = arr[i] arr[i] = arr[iMink] arr[iMink] = temp; } } 3、插入排序 假设前面的数已排好顺序,现在把第n个数插入到前面的有序数列中,并排序,如此反复循环,直到排好顺序。

JS substring substr slice区别

谁说胖子不能爱 提交于 2020-02-05 04:28:52
1、api说明 (1) substring str.substring(indexStart[, indexEnd]) substring 提取从 indexStart 到 indexEnd ( 不包括 )之间的字符。特别地: 如果 indexStart 等于 indexEnd , substring 返回一个空字符串。 如果省略 indexEnd , substring 提取字符一直到字符串末尾。 如果任一参数小于 0 或为 NaN ,则被当作 0。 如果任一参数大于 stringName.length ,则被当作 stringName.length 。 如果 indexStart 大于 indexEnd ,则 substring 的执行效果就像两个参数调换了一样。 说明:参数不支持 负数 ! (2) substr str.substr(start[, length]) tart 是一个字符的索引。首字符的索引为 0,最后一个字符的索引为 字符串的长度减去1。 substr 从 start 位置开始提取字符,提取 length 个字符(或直到字符串的末尾)。 如果 start 为正值,且大于或等于字符串的长度,则 substr 返回一个空字符串。 如果 start 为负值,则 substr 把它作为从字符串末尾开始的一个字符索引。如果 start 为负值且 abs(start)

如何将Js代码封装成Jquery插件

亡梦爱人 提交于 2020-02-05 03:52:29
很多相同的Jquery代码会在很多页面使用,每次都复制粘贴太麻烦了,不如封装成一个Jquery插件就方便了,至于影响网页的速度不,我就没有测试了哈。 代码如下 这是一个自定闪烁打印文字的Jquery特效 HTML代码如下: <div id="code"> <p>/**</p> <p>*2014-2-12</p> <p>*代码自动闪烁输入</p> <p>*/</p> 2014-2-14,I want to say:<br /> Baby, I love you forever!<br /> </div> Js代码: function typewriter(id){ var $ele = document.getElementById(id); var str = $ele.innerHTML, progress = 0; $ele.innerHTML = ''; var timer = setInterval(function() { var current = str.substr(progress, 1); if (current == '<') { progress = str.indexOf('>', progress) + 1; } else { progress++; } $ele.innerHTML =str.substring(0, progress) +

js 原型和原型链解释

感情迁移 提交于 2020-02-05 03:31:13
1,为什么需要原型?   用构造函数生成实例对象,有一个缺点,无法共享属性和方法。   每一个实例对象,都有自己的属性和方法的副本。这不仅无法做到数据共享,也是极大的资源浪费   考虑到这一点,设计js作者决定为构造函数设置一个prototype属性。   这个属性包含一个对象(以下简称"prototype对象"),所有实例对象需要共享的属性和方法,都放在这个对象里面;那些不需要共享的属性和方法,就放在构造函数里面。   实例对象一旦创建,将自动引用prototype对象的属性和方法。也就是说,实例对象的属性和方法,分成两种,一种是本地的,另一种是引用的。 2,原型(prototype)   概念:每一个构造函数都有一个 prototype 属性,指向另一个对象。这个对象的所有属性和方法,都会被构造函数的实例继承。 3,原型的继承方式(两类5种)   1,构造函数绑定 (使用call或apply方法,将父对象的构造函数绑定在子对象上,即在子对象构造函数中加一行)   2, prototype模式   3, 直接继承prototype   4,利用空对象作为中介   5,拷贝继承 4,原型链   概念:在javascript中,每个对象都有一个指向它的原型(prototype)对象的内部链接。每个原型对象又有自己的原型,直到某个对象的原型为null为止,组成这条链的最后一环

php/js互传cookie中文乱码的问题

喜夏-厌秋 提交于 2020-02-05 02:25:53
js存储cookie,php读取的时候成了乱码 。 问题分析: 这是因为文字编码而造成的,汉字是两个编码,所以才会搞出这么个乱码出来! 解决思路: 1:写入Cookie时,先将其用Url编码,然后再写入 2:当我们读取时再Url解码即可 php两个函数 urlencode() urldecode() js两个函数 decodeURI() encodeURI() php 设置cookie ,js读取cookie <?php setcookie ("TestCookie", urlencode("这就是网页21")); ?> <script type="text/javascript"> alert(decodeURI(getCookie("TestCookie"))) function getCookie(sName) { var aCookie = document.cookie.split('; '); for (var i=0; i < aCookie.length; i++) { var aCrumb = aCookie[i].split('='); if (sName == aCrumb[0]) return decodeURI(aCrumb[1]); } return ''; } </script> js设置cookie php读取cookie <script type=

关于JS 中正则表达式第一次判断为 true,第二次判断为false的问题。

ε祈祈猫儿з 提交于 2020-02-05 02:18:35
前言:今天在做自己的个人项目的时候,使用邮箱的正则表达式进行匹配登录验证时发现用户输入的同一个值在使用同一个正则表达式进行匹配时,会出现第一次匹配为 true,第二次匹配却是false的问题。 我是使用JS 正则表达式对象中的 RegExp.test() 方法进行匹配的,后面查阅了相关资料之后发现了一些端倪。 首先,正则表达式主要分为如下几种: 1、 i (不区分大小写) 2、g (全局匹配) 3、m (多行匹配) 而在设置为 g 标志时使用 RegExp.test() 和 RegExp.exec() 两个方法进行匹配时(我是使用 g 标志的),两者会根据自身的 lastIndex 属性所指向的位置作为下次匹配的开始点,一旦RegExp匹配过一次之后,lastIndex 属性会变更,这时候再次使用此RegExp匹配值时则会返回 false 。 问题代码如下: let reg = /^([a-zA-Z0-9_-])+@(sina|qq)+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/g console . log ( reg . test ( '15698@qq.com' ) ) // true console . log ( reg . test ( '15698@qq.com' ) ) // false , 出现问题 通常出现这个问题,可以有以下两种解决方案: 1

js本地存储解决方案(localStorage与userData)

ⅰ亾dé卋堺 提交于 2020-02-05 01:23:07
WEB应用的快速发展,是的本地存储一些数据也成为一种重要的需求,实现的方案也有很多,最普通的就是cookie了,大家也经常都用,但是cookie的缺点是显而易见的,其他的方案比如:IE6以上的userData,Firefox下面的globalStorage,以及Flash的本地存储,除了Flash之外,其他的几个都有一些兼容性的问题。 sessionStorage与localStorage Web Storage实际上由两部分组成:sessionStorage与localStorage。 sessionStorage用于本地存储一个会话(session)中的数据,这些数据只有在同一个会话中的页面才能访问并且当会话结束后数据也随之销毁。因此sessionStorage不是一种持久化的本地存储,仅仅是会话级别的存储。 localStorage用于持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。 userData 语法: XML <Prefix: CustomTag ID=sID STYLE="behavior:url('#default#userData')" /> HTML <ELEMENT STYLE="behavior:url('#default#userData')" ID=sID> Scripting object .style.behavior = "url(