当我们想要使用JS来控制元素 display 属性来使其显示或者隐藏时,需要将 display 属性作用在行间样式上,本文主要和大家分享JS修改元素display属性实例代码,希望能帮助到大家。并使用 ID 选择器即 <p id="drop-box" style="display:none"> 在JS文件中,var dropBox = document.getElementById("drop-box");//设置元素显示function showBox(){ dropBox.style.display = "block";}//设置元素隐藏function hideBox(){ ...
本文主要和大家分享JS脚本判断在客户端大小和文件类型方法实例, 用JS脚本在客户端判断大小和文件类型!兼容ie6,ie7,ie8 ,Google Chrome,ff等浏览器,希望能帮助到大家。<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript"> var isIE = /msie/i.test(navigator.userAgent) && !window.opera; function fileChange(target,id) { var fileSize = 0; var file...
配合bootstrap写出的。下面是干货: ul 的每个li的每个a中的href指向锚点目标,比如说<li class="active"><a href="#index">Home</a></li>。 下面给出我发现好的源代码:$(#navbar-menu ul li a[href^="#"]).click(function(e){e.preventDefault();$(html, body).animate({scrollTop: $(this.hash).offset().top}, 400);});翻译一下:点击的时候,首先阻止了默认行为,然后让html,和body滚动动画,滚动到离顶部的距离为目标的offse...
克隆对象在开发过程中经常会遇到,有些时候需要浅克隆,有些时候需要深克隆,本文主要和大家分享js对象深度克隆实例详解,希望能帮助到大家。// 深度克隆 function deepClone(origin, target) { var target = target || {}; for (var prop in origin) { if (origin.hasOwnProperty(prop)) { if (origin[prop] !== null && typeof origin[prop] === object) { target[prop] = Object.prototype.toString.call(origin[prop]) === [ob...
关于二维码的生成,有很多方法,本文主要给大家分享了用11行简单的JS代码制作出二维码生成的简单功能,希望能帮助到大家。HTML代码:<img style="display: none" id="qrcode" data-width="100" data-height="100" data-url="https://www.baidu.com/">相关JS代码:/*** 生成二维码* data-width={宽度}* data-height={高度}* data-url={链接}* @param $ele*/var generatorQRCODE = function ($ele) {$ele.hide();var params = $ele.d...
本文主要和大家介绍了实战node静态文件服务器的示例,本文首先会列出它的功能然后再以代码的形式分享给大家,希望能帮助到大家。支持功能:读取静态文件访问目录可以自动寻找下面的index.html文件, 如果没有index.html则列出文件列表MIME类型支持缓存支持/控制支持gzip压缩Range支持,断点续传全局命令执行子进程运行1. 创建服务读取静态文件首先引入http模块,创建一个服务器,并监听配置端口: const http = require(http);const s...
1.目标获取验证码后,按钮显示重新发送倒计时,倒计时结束后按钮重新可用。本文主要和大家分享js实现短信验证码倒计时实例,希望能帮助到大家。2.用到的两个关键api每秒执行:setInterval指定时间结束后执行:setTimeout3.代码function createTimer(time,interval,timeout){ let hasStartTime = 0//已经走了的时间 interval(hasStartTime)//立即执行一次 let _interval = setInterval(()=>{ hasStartTime = hasStartTime+100...
本文主要和大家分享js数据类型的转换实例,希望能帮助到大家。基本数据类型把其他数据类型转换为number类型isNaN、Number、parseInt、parseFloat在进行加减乘除数学运算的时候true -> 1 false -> 0 ->01 -> 112px -> true/12/NaNnull ->0undefined -> NaN{} /^$/ function(){} -> NaN[] -> 0[12,23] -> NaN//=>通过toStirng把数组转换为字符串<br>// 然后Number把字符串转换为数字js中的数学运算+、-、*、/ 加减乘除除了加法运算有...
Array对象用于在单个变量中储存多个值,本文主要和大家分享Array对象用于在单个变量中储存多个值,希望能帮助到大家。创建Array对象的语法var arr1 = new Array(); // 创建空数组var arr2 = new Array(5); // 创建长度5 var arr3 = new Array(1,2,3,4,5); // 等价于var arr3 = new Array[1,2,3,4,5];var arr4 = new Array("5");// 等价于var arr4 = new Array["5"]; console.log(arr1,arr2,arr3,arr4);// 属性 length 数组的长度c...
在提供友好用户界面时,常常要定位光标到输入框的指定位置。通常是尾部,好让用户接着输入信息。我们可以用javascript操作dom来实现,以下是实现的方法 function changeCursor(input, position) { 2. var range = input.createTextRange(); 3. range.collapse(true); 4. range.moveStart(character, position); 5. range.select(); 6. } 7. //在需...
本文主要和大家分享layer.js之父子页面实例,关于父子页面的知识我们可能有所了解,希望本文能帮助大家更加掌握layer.js之父子页面。layer是一款近年来备受青睐的web弹层组件,官网地址是:http://layer.layui.com/可以从官网上下载最新版本。当layer以iframe层的方式弹出新的窗口(子页面),如何在子页面中访问父页面的元素和函数。1、访问父页面元素值 var parentId=parent.$("#id").val();//访问父页面元素值2、访问父页面方...
在使用js的时候,经常要进行字符串的拼接,一但使用+号进行字符串拼接的时候,基本是各种问题,又不好维护,有没有更好的方法地其进行格式化输出呢?答案肯定是有的,如果你使用nodejs,它已经自带的,如果你还在使用纯原生js,那不好意思了。使用方法为String对象添加format方法String.prototype.format = function(opts) {//use my name is ${name}.format({name:lake})var data = Array.prototype.slice.call(arguments, 0),toS...
这次给大家带来vue生命周期、vue实例、模板语法,使用vue生命周期、vue实例、模板语法的注意事项有哪些,下面就是实战案例,一起来看一下。vue从出生到现在,从一个默默小众型的框架发展成为现在国内的三大框架之一,也从最初的版本到现在的2.5.13(稳定版 截止2018.1.26日 2014到2018)。正题Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的...
ECMA-262第三版引入了try-catch语句,作为JS中处理异常的标准方式。基本的语法如下所示try{//可能导致错误的代码 } catch(eroor){//在错误发生时的处理方式 }即要把所有可能抛出错误的代码都放在try语句块中,如果发生异常,catch语句块就会接收到一个包含错误信息的对象,即使不需要使用这个对象,也必须声明它,如上述代码中的error一样。1. finally子句除了基本的try-catch语句外,还有finally子句。若加上finally子句,无论是否...
本文主要为大家分享一篇layui表格checkbox选择全选样式及功能的实例,希望能帮助到大家。在之前的版本,默认复选框是要有值得,默认为“勾选”两个字,在表格里用来做选择不适合,很难改,还好layui升级后,可以支持不写name值,来适应表格中的选择操作。1、layui版本号为 v1.0.9 rls版本(当前最新版本)<span style="white-space:pre;"> </span><p class="layui-form"><table class="layui-table"><thead><tr><th><input type="che...