js | 易学教程

js函数循环

阅读更多关于 js函数循环

值类型之间的相互转化转字符串：String() | .toString() | "" + // 123..toString() | 重点是 "" + 转数字：Number(a) | parseFloat() | parseInt() | + // +'123' // parseFloat('3.14.15') => 3.14 | parseInt('3.14.15') => 3 转布尔：Boolean(a) 非数字：NaN // 当一个其他类型转化为数字类型的产物 // 任何判断一个结果是否是NaN, isNaN(运算) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>类型转化</title> </head> <body> 值类型之间的相互转化 </body> <script> // number | string | boolean // 转化为boolean var num = 10; var s = "123"; num = 0; s = ""; var b1 = Boolean(num); var b2 = Boolean(s); console.log(b1, b2); // 后期我们会在if分支结构中的判断以及循环中的判断中使用boolean类型, // 以上两种情况下,

JS控制控件的隐藏显示

阅读更多关于 JS控制控件的隐藏显示

JS代码 var value = "http://" + window.location.host + "/CAD/OneTwoPicure.png"; if ($("#DWhost").val() == value) { document.getElementById("DWGViewX").style.visibility = "hidden"; //设定隐藏 document.getElementById("DWGViewX").style.height = 0; //实在不行就设高度为0 document.getElementById("OneTwoimg").style.visibility = "visible"; //显示控件 } 控件代码 </head> <body style="text-align: center; margin: 0px;" onload="PageHeight()"> <div style="width: 100%; text-align: center;"> <object id="DWGViewX" classid="clsid:AC53EFE4-94A7-47E6-BBFC-E9B9CF322299" codebase="" width="100%"> <param name="_Version" value="65536" />

点滴积累【JS】---JS小功能（JS实现侧悬浮浮动)

阅读更多关于点滴积累【JS】---JS小功能（JS实现侧悬浮浮动)

效果：思路：首先，加载onscroll控制滚动条。然后写缓存运动的方法，缓冲运动的方法是先计算出DIV缓冲的速度，并且将其取整，再进行运动判断什么时候到达终点。最后将其参数返回。再在onscroll里面调用此方法，并且将终点计算出来赋予此方法的参数。代码： 1 <head runat="server"> 2 <title></title> 3 <style type="text/css"> 4 #div1 5 { 6 width: 200px; 7 height: 200px; 8 background: #0000FF; 9 position: absolute; 10 right: 0; 11 bottom: 0; 12 } 13 </style> 14 <script type="text/javascript"> 15 window.onscroll = function () { 16 var oDiv = document.getElementById('div1'); 17 var DivScroll = document.documentElement.scrollTop || document.body.scrollTop; //获取移动高度 18 // oDiv.style.top = (document.documentElement

点滴积累【JS】---JS小功能（JS实现多功能缓冲运动框架)

阅读更多关于点滴积累【JS】---JS小功能（JS实现多功能缓冲运动框架)

效果：思路：首先，多功能框架实现的功能是:css中所有的属性都可以添加进去（也可以把方法作为参数传递过去！），然后进行缓冲运动，比如：物体的高度、长度、颜色、字体大小、透明度等，都可以直接传入参数然后进行运动，简单的说是利用json字符串把数据拼接起来，然后进行传参，参数传入进去到函数以后，根据参数的对象，还有属性，还有函数方法，然后再利用setInterval进行缓冲运动，最后判断运动什么时候结束。有一点要注意的是先用getStyle方法获取非行间样式！！！代码： 1 <head id="Head1" runat="server"> 2 <title></title> 3 <style type="text/css"> 4 div 5 { 6 width: 100px; 7 height: 100px; 8 background: #00FF00; 9 left: 0; 10 position: absolute; 11 font-size: 20; 12 opacity: 0.3; 13 } 14 </style> 15 <script type="text/javascript"> 16 window.onload = function () { 17 var divOn = document.getElementById('div1'); 18 divOn.timer

【Python全栈-JavaScript】js Event()对象

阅读更多关于【Python全栈-JavaScript】js Event()对象

JavaScript同步和异步+宏任务和微任务+事件同步和异步所有的点击事件都是异步的注意：所有事件函数(addEventListener)都不能return /* * 同步和异步 * 同步,是指代码从上向下执行,执行完一条,才去执行下一条,是按照顺序按照步骤的执行 * * 异步,代码执行需要有一个过程,或者需要一定的时间,或者开始的时间不确定,这时候 * 我们先让别的不相关的代码执行,而当前代码当执行完成后去执行一个回调函数 * * * 注意：如果代码写在script中,并且写在函数外部,那么这个代码他只能执行一次,并且 * 是在开始时就同步执行了,显然这种方式不利于代码中出现交互,因此,代码就需要写在 * 函数中,减少代码之间同步执行方式。函数外通常仅用来定义变量(全局)和执行初始化函数 * * */ var sum=0; var bn=document.querySelector("button"); // 所有的事件都是异步 bn.addEventListener("click",clickHandler); function clickHandler(e) { sum++; oneFn(sum); //回调 // return sum; //注意：所有事件函数都不能return } function oneFn(sum) { console.log(sum,"1__

原生js深入理解系列（七）--- 读JavaScript 执行机制的一点小总结

阅读更多关于原生js深入理解系列（七）--- 读JavaScript 执行机制的一点小总结

3 月，跳不动了？>>> 总结： js的执行机制是：单线程运行，主线程跑任务，线程队列一个一个宏任务来运行，并且把宏任务内的微任务的全部运行完再继续下一个宏任务。首先是同步执行其次是异步执行除了广义的同步任务和异步任务，我们对任务有更精细的定义： macro-task(宏任务)：包括整体代码script，setTimeout，setInterval micro-task(微任务)：Promise，process.nextTick（promise的回调then（）是微任务）主线程里立即执行的是：new promise， promise 语句， console.log 按出现的先后执行立即执行的执行完后执行同一个宏任务里的微任务队列，微任务依次执行完毕后再继续下一个宏任务。下面请看掘金作者ssssyoki大佬的娓娓道来，为我们彻底的细致的理解js的执行机制。这一次，彻底弄懂 JavaScript 执行机制本文的目的就是要保证你彻底弄懂javascript的执行机制，如果读完本文还不懂，可以揍我。不论你是javascript新手还是老鸟，不论是面试求职，还是日常开发工作，我们经常会遇到这样的情况：给定的几行代码，我们需要知道其输出内容和顺序。因为javascript是一门单线程语言，所以我们可以得出结论： javascript是按照语句出现的顺序执行的看到这里读者要打人了

js页面传值实践

阅读更多关于 js页面传值实践

参考链接： https://www.cnblogs.com/lyggqm/p/5688028.html#commentform 最近做网页，想要做一个百度文库类似的功能，多个链接跳转页面，但仔细想了想，那么多链接要跳转页面，不可能建那么多的页面吧，于是在网上看了许多文章，像动态生成html页面之类，最后发现好像不用那么复杂。只要每一个链接都跳转到相同的一个子页面。然后再根据需要修改子页面的内容不就好了吗，最后瞎胡乱搞，勉强实现了我想要的效果 role.html 将参数index传值给role_child页面，靠判断index的值来对子页面内容进行修改 <div> <a href="role_child.html?indext=1"><img src="image/tianming.jpeg" alt=""></a> </div> role_child.html <div class="article"> <h3 id="tlt"></h3> </div> role_child.js var loc=location.href; console.log(loc);/*当前显示的文档的完整 URL*/ var n1=loc.length; var n2=loc.indexOf("=");/*获得等号后面的内容*/ var index=decodeURI(loc

centos安装node.js的各种环境

阅读更多关于 centos安装node.js的各种环境

3 月，跳不动了？>>> CentOS系统环境：安装开始： 1、 wget http://nodejs.org/dist/v0.10.15/node-v0.10.15.tar.gz #若提示wget command not found，可直接复制此链接下载安装包，后面的步骤一样。 tar zxvf node-v0.10.15.tar.gz cd node-v0.10.15 ./configure make && make install 2、配置的时候出现如下错误： fpu = 'vfpv3' if armv7 else 'vfpv2' 引起此错误的原因是Python的版本过低，升级到2.7即可： wget -c http://www.python.org/ftp/python/2.7.3/Python-2.7.3.tar.bz2 #同上 tar jxvf Python-2.7.3.tar.bz2 cd Python-2.7.3 ./configure make && make install python2.7便安装成功，路径：/usr/local/lib/python2.7。 3、重复步骤一即可，安装成功。查看node.js的版本信息： 4、写个示例代码测试node.js能否正常运行： var http = require('http'); http

JS前端发起多个Ajax请求

阅读更多关于 JS前端发起多个Ajax请求

页面可能产生多个ajax请求(不定数量的)，为了用户体验，最好是发送并行请求，这就产生了并发问题，应该如何处理？串行处理串行处理的缺点就是会比较慢； var Data=[]; for(var i=0;i<urlArray.length;i++){ //异步 $.ajax({ url:urlArray[i], type:"POST", async:false, data:requestBody, success:function(ctData){Data.push(ctData)}, datatype: 'json'}) } //数据都回来，之后一起处理回调处理利用闭包把数据按照请求的顺序放到对应的位置，然后请求数据全回来了一起处理： var DataAjax=[]; var count=0; var succFunc=function(i){ return function(ctData){ debugger count++; DataAjax[i]=ctData if (count==urlArray.length){ DataProcess(myChart,DataAjax,option,element); } return chartData } } for(var i=0;i<urlArray.length;i++){ DataAjax[i]=[] $.ajax({

js获取页面url

阅读更多关于 js获取页面url

设置或获取对象指定的文件名或路径。 window.location.pathname 例：http://localhost:8086/topic/index?topicId=361 alert(window.location.pathname); 则输出：/topic/index 设置或获取整个 URL 为字符串。 window.location.href 例：http://localhost:8086/topic/index?topicId=361 alert(window.location.href); 则输出：http://localhost:8086/topic/index?topicId=361 设置或获取与 URL 关联的端口号码。 window.location.port 例：http://localhost:8086/topic/index?topicId=361 alert(window.location.port); 则输出：8086 设置或获取 URL 的协议部分。 window.location.protocol 例：http://localhost:8086/topic/index?topicId=361 alert(window.location.protocol); 则输出：http: 设置或获取 href 属性中在井号“#”后面的分段。 window

订阅 js