js | 易学教程

js函数参数设置默认值

阅读更多关于 js函数参数设置默认值

php有个很方便的用法是在定义函数时可以直接给参数设默认值，如： function simue ($a=1,$b=2){ return $a+$b; } echo simue(); //输出3 echo simue(10); //输出12 echo simue(10,20); //输出30 但js却不能这么定义，如果写function simue(a=1,b=2){}会提示缺少对象。 js函数中有个储存参数的数组arguments ，所有函数获得的参数会被编译器挨个保存到这个数组中。于是我们的js版支持参数默认值的函数可以通过另外一种变通的方法实现，修改上例： function simue (){ var a = arguments[0] ? arguments[0] : 1; var b = arguments[1] ? arguments[1] : 2; return a+b; } alert( simue() ); //输出3 alert( simue(10) ); //输出12 alert( simue(10,20) ); //输出30 来源： https://www.cnblogs.com/dongruiha/p/7895537.html

js函数参数设置默认值

阅读更多关于 js函数参数设置默认值

php有个很方便的用法是在定义函数时可以直接给参数设默认值，如： function simue ($a=1,$b=2){ return $a+$b; } echo simue(); //输出3 echo simue(10); //输出12 echo simue(10,20); //输出30 但js却不能这么定义，如果写 function simue(a=1,b=2){}会提示缺少对象。 js函数中有个储存参数的数组 arguments ，所有函数获得的参数会被编译器挨个保存到这个数组中。于是我们的js版支持参数默认值的函数可以通过另外一种变通的方法实现，修改上例： function simue (){ var a = arguments[0] ? arguments[0] : 1; var b = arguments[1] ? arguments[1] : 2; return a+b; } alert( simue() ); //输出3 alert( simue(10) ); //输出12 alert( simue(10,20) ); //输出30 来源： https://www.cnblogs.com/xing----hao/p/3414800.html

js 设置默认时间

阅读更多关于 js 设置默认时间

<td class="title95">计划生产日期</td> <td> <input id="BeginSch" name="BenginProdceDate" class="easyui-datebox filewidth_n" type="datetime" data-options="required:false,validType:['DateDay'],onSelect:function(){fullnum('BeginSch','EndSch')}"> </td> <td align="center">至</td> <td> <input id="EndSch" name="EndProdceDate" class="easyui-datebox filewidth_n" style="width:150px" type="datetime" data-options="required:false,validType:['DateDay'],onSelect:function(){fullnum('BeginSch','EndSch')}"> </td> SetSearchDay('BeginSch', 'EndSch', 1, 7) //初始化设置查询时间 //beginID:开始的Id名称 //EndID:结束的Id名称 //Type：1：向前，2向后 /

js函数参数设置默认值

阅读更多关于 js函数参数设置默认值

php有个很方便的用法是在定义函数时可以直接给参数设默认值，如： function simue ($a=1,$b=2){ return $a+$b; } echo simue(); //输出3 echo simue(10); //输出12 echo simue(10,20); //输出30 但js却不能这么定义，如果写 function simue(a=1,b=2){}会提示缺少对象。 js函数中有个储存参数的数组 arguments ，所有函数获得的参数会被编译器挨个保存到这个数组中。于是我们的js版支持参数默认值的函数可以通过另外一种变通的方法实现，修改上例： function simue (){ var a = arguments[0] ? arguments[0] : 1; var b = arguments[1] ? arguments[1] : 2; return a+b; } alert( simue() ); //输出3 alert( simue(10) ); //输出12 alert( simue(10,20) ); //输出30 来源： https://www.cnblogs.com/RightDear/p/3156652.html

js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

阅读更多关于 js jquery 获取元素(父节点,子节点,兄弟节点),元素筛选

一,js 获取元素(父节点,子节点,兄弟节点) var test = document.getElementById("test"); 　　var parent = test.parentNode; // 父节点　　var chils = test.childNodes; // 全部子节点　　var first = test.firstChild; // 第一个子节点　　var last = test.lastChile; // 最后一个子节点　　　var previous = test.previousSibling; // 上一个兄弟节点　　var next = test.nextSbiling; // 下一个兄弟节点二,jquery 获取元素(父节点,子节点,兄弟节点) $("#test1").parent(); // 父节点 $("#test1").parents(); // 全部父节点 $("#test1").parents(".mui-content"); $("#test").children(); // 全部子节点 $("#test").children("#test1"); $("#test").contents(); // 返回#test里面的所有内容，包括节点和文本 $("#test").contents("#test1"); $("#test1"

JS——无缝滚动

阅读更多关于 JS——无缝滚动

1、描述——无缝滚动图片 2、代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin:0;padding: 0;} .box{ width:600px; height:200px; border:1px solid gray; margin: 30px auto; position: relative; overflow: hidden; } .box ul{ list-style: none; width:300%; position:absolute; top:0; left:0; } .box ul li{ float:left; } .box ul li img{ /*不写这句话的话,会有一个下边距*/ vertical-align: top; cursor:pointer; } </style> </head> <body> <div class="box"> <ul> <li><img src="img/01.jpg" alt="" /></li> <li><img src="img/02.jpg" alt="" /></li> <li><img src="img/03.jpg" alt="" /></li> <li>

js无缝滚动

阅读更多关于 js无缝滚动

//$('.news-list').width($('.nw-wraper').width()); var timer = null, $newBox = $('.nw-box'),//元素盒子 $items = $newBox.children(),//子元素 $pre = $('.news-prev'), $next = $('.news-next'), oldCount = $items.size(),//子元素长度 //imgWidth = $('.news-list').eq(0).width(); imgWidth = $items.width();//单个子元素宽度 $newBox.append($items.first().clone());//克隆，方便切换 $newBox.prepend($items.last().clone()); var newCount = $newBox.children().size();//子元素新长度 $newBox.css({ 'left':0-imgWidth, 'width':imgWidth*newCount }) timer=setInterval(init,3000); // 初始化 function init(){ $pre.trigger('click'); } // hover $(".nw-wraper")

js 模块化

阅读更多关于 js 模块化

本文参考以下几篇文章： http://www.ruanyifeng.com/blog/2012/10/javascript_module.html（模块化的写法） http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html （AMD规范） http://www.ruanyifeng.com/blog/2012/11/require_js.html （requireJS的用法） http://www.ruanyifeng.com/blog/2017/04/memory-leak.html（内存泄漏）模块化的目的： 1、功能复杂，团队协作开发。互不影响，代码重用 2、不污染全局变量 3、保护自己内部的变量不被修改 4、来源： https://www.cnblogs.com/aligege/p/7027446.html

你不知道的JS系列 ( 37 ) － Getter 和 Putter

阅读更多关于你不知道的JS系列 ( 37 ) － Getter 和 Putter

对象默认的[[Put]] 和 [[Get]] 操作分别可以控制属性值的设置和获取可以使用 getter 和 setter 部分改写默认操作，但是只能应用在单个属性上。当你给一个属性定义 getter、setter 或者两者都有时，这个属性会被定义为 “访问描述符”。对于访问描述符来说，会忽略它们的 value 和 writable 的特性，取而代之的是关心 set 和 get 特性 var myObject = { 　　get a() { // 给 a 定义一个 getter 　　　　return 2; 　　} } Object. defineProperty(myObject, 'b', { 　　get: function() { // 给 b 设置一个 getter 　　　　return this.a * 2 　　}, 　　enumerable: true // 确保 b 会出现在对象的属性列表中 }) myObject.a = 3; myObject.a; // 2 myObject.b; // 4 这里我们自定义的 getter 只会返回 2，所以 set 操作是没有意义的。为了让属性合理，通常来说 getter 和 setter 是成对出现的，只定义一个通常会产生意料之外的行为 var myObject = { 　　get a() { // 给 a 定义一个

js-小效果-无缝滚动

阅读更多关于 js-小效果-无缝滚动

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding:0; list-style: none; } #box{ width:1102px; position:relative; height:152px; overflow: hidden; border:1px solid #000; margin: 50px auto; } #ul{ position: absolute; left:0; top:0; } #ul li{ width:200px; height:150px; float:left; padding:0 10px;} #ul li img{ width:200px; height:150px; } </style> <script> window.onload=function(){ var oBox=document.getElementById('box'); var oUl=document.getElementById('ul'); var aLi=oUl.children; oUl.innerHTML+=oUl.innerHTML; oUl.style.width=aLi.length*aLi

订阅 js