js | 易学教程

js调用百度地图api

阅读更多关于 js调用百度地图api

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="http://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>  <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"> </script> <title></title> <style> /*服务网点*/ #wrap { width: 1196px; height: 540; margin: auto; overflow: hidden; } #wrap div ._left { width: 281px; float: left; height: 339px; border-right: 1px solid #CCCCCC; } #wrap ul { width: 1196px; height: 50px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; margin-bottom: 57px; } /*搜索框城市*/ #input { width:

js调用百度地图api

阅读更多关于 js调用百度地图api

JS实现HashMap

阅读更多关于 JS实现HashMap

/** * ********* 操作实例 ************** * var map = new HashMap(); * map.put("key1","Value1"); * map.put("key2","Value2"); * map.put("key3","Value3"); * map.put("key4","Value4"); * map.put("key5","Value5"); * alert("size："+map.size()+" key1："+map.get("key1")); * map.remove("key1"); * map.put("key3","newValue"); * var values = map.values(); * for(var i in values){ * document.write(i+"："+values[i]+" "); * } * document.write("<br>"); * var keySet = map.keySet(); * for(var i in keySet){ * document.write(i+"："+keySet[i]+" "); * } * alert(map.isEmpty()); */ function HashMap(){ //定义长度 var length = 0; /

一言难尽的js变量提升

阅读更多关于一言难尽的js变量提升

基础知识在这个课题开始之前我们先做一些基础知识的讲解 1、在顶级的区域内声明的变量为 window级别的变量。也就是说var a=100 等价于 window.a=100; 2、局部的重新声明变量没有意义。var a=100;var a;后面的将没有意义。 3、在有参数函数的定义中 function abc(p1){} abc(1),在函数执行中，先构建，在执行，会有两个步骤，所以说当函数执行之前构建过程中，将临时生成代码 var p1=1;将来一切不赋值的声明将变得没有意义。 var p1;//没有意义 var p1=2;//有意义。开始进入正题全局作用域和局部作用域全局作用域：整个JS执行环境局部作用域：通过创建一个函数就开辟出了一个局部作用域全局变量和局部变量全局变量：在全局作用域都可以访问的变量局部变量：只能在当前局部作用域访问的变量声明提升：如果变量声明在函数里面，则将变量声明提升到函数的开头如果变量声明是一个全局变量，则将变量声明提升到全局作用域的开头变量运行（搜索）机制：首先看，有没有局部作用域如果有，查找是不是这个局部作用域定义的变量如果不是，寻找上一级作用域，直到找到全局作用域如果全局作用域也找不到这个变量，这个变量就是未定义的 undefined 第一题： var a=1; function test(){ console

nodejs 和 js

阅读更多关于 nodejs 和 js

JavaScript组成：ECMAScript(定义这门语言的基础，比如语法、数据类型、结构以及一些内置对象等)、DOM（基于ECMASCRIPT，扩展出来的用于操作页面元素的方法）、BOM（基于ECMASCRIPT，扩展出来的用于操作浏览器的一些方法）。 NodeJS是以ECMASCRIPT为基础，然后在这个基础上扩展出来的一些操作其他东西（即操作非浏览器）的一些方法，比如操作OS操作系统、file文件系统、net网络、database数据库等。也就是说nodejs和JS在底层都是一样的，都是ecmascript，但是扩展出来的功能却是不一样的。一个是偏向于前端浏览器，一个是偏向于后端。在ecmascript部分node和JS其实是一样的，比如与数据类型的定义、语法结构，内置对象。但在js中的顶层对象是window对象，但是在node中没有什么window对象，node中的顶层对象是global对象。这就是二者的差异性。在window对象中，定义一个全局变量是可以通过Window来访问的，但是在node中是不能通过global对象来访问的，如： var a=100; console.log(global.a);这种方式是输出结果为undefined 对于上面这个例子，因为在node中定义的变量是模块中的对象，而并不是global全局变量，所以结果为undefined

js获取地址栏参数(中英文可用),并定位到指定位置

阅读更多关于 js获取地址栏参数(中英文可用),并定位到指定位置

获取地址栏参数(中英文可用),并定位到指定位置 function getQuery ( name ) { var reg = new RegExp ( "(^|&)" + name + "=([^&]*)(&|$)" , "i" ) ; var r = window . location . search . substr ( 1 ) . match ( reg ) ; if ( r != null ) return decodeURI ( r [ 2 ] ) ; return null ; } if ( getQuery ( 'indx' ) ) { window . location . hash = "#sg" ; } 上文的sg为定位的位置的id 来源： CSDN 作者：做块泥链接： https://blog.csdn.net/weixin_37787674/article/details/104393426

JS中new的实现原理及重写

阅读更多关于 JS中new的实现原理及重写

提到new，肯定会和类和实例联系起来，如： function Func() { let x = 100; this.num = x + } let f = new Func(); 上面的代码，我们首先创建了一个函数，如果是用面向对象的说法就是创建了一个Function类的实例，如果直接执行这个函数，那它就是一个普通的函数，如果用new执行，则这个函数被称为一个自定义的类。如果是一个普通函数执行，他会如下做几件事：　　·形成一个全新的执行上下文EC(Execution Context 执行环境) 　　 · 形成一个AO(Activation Object 活动对象)变量对象，初始化arguments和形参赋值　　 · 初始化作用域链　　 · 代码执行如果是new函数执行，它既有普通函数执行的一面，也有自己独有的东西：　　 · 默认创建一个对象，而这个对象就是当前类的实例　　 · 声明其this指向，让其指向这个新创建的实例　　 · 不论其是否写return，都会把新创建的实例返回，这里有个特殊点，如果用户自己返回内容，且返回的是一个引用类型值，则会把默认返回的实例给覆盖掉，此时返回的值就不再是类的实例了 console.log(f); //=>{num:200} //f是Func这个类的实例 //相当于给创建的实例对象新增一个num的属性 obj.num=200

小白必看 web前端程序员分享JavaScript学习方法

阅读更多关于小白必看 web前端程序员分享JavaScript学习方法

JavaScript是前端三要素之一，因为JavaScript，有很多人从入门到放弃了前端。不过作为一个知识点，想要学好JavaScript并不是没有方法，接下来小编就给大家简单分享一下。从第一阶段学习的HTML+CSS知识点，进入到第二阶段的JS范畴，从学习方向和程度上来讲，我明显感觉到了不同。JS更加注重的是逻辑能力，每天上课跟着老师的思路走，把老师教的方法记下来，然后在课下自己去练习，通过练习把老师的方法变成自己的方法，其中这转换的过程，就是精髓所在。在刚开始学习JS的时候，因为不能直观地看到页面，感觉还是很枯燥的。但进入到后半段操作页面的时候，我逐渐发现JS很有意思，尤其是在老师布置完作业之后，独立地把作业敲出来，还是很有成就感的。当然，老师课堂上讲的之知识主要是重点知识和学习方法，不能所有细枝末节的东西都讲到，我们应该在课下自己进行知识的扩展，增强自己的能力。和很多同学一样，有时候老师讲的一些难点能听的懂，但是自己敲的时候却敲不出来，这时候我会去参考一下老师写的，回忆一下老师的思路，完成需求的方法，然后再自己敲，反复地练习，直到自己能敲出来为止。学习中，我们还要多和别人交流，每个人面对同一个需求的时候，解决的办法和思路都是不同的。可能同一个人不同时间针对同一个需求写出的代码都是不同的，所以我们也要多和别人，尤其是交流，彼此分享一下好的学习方法与简洁的解题思路

[JS] 实现tab选项卡

阅读更多关于 [JS] 实现tab选项卡

编写思路 (1) 可以将无序表和图片容器分开, 无序表的 li 只用作为事件触发器 (2) 图片默认显示第一张, 实际上全部都已加载完, 除第一张外都隐藏 (3) 监听鼠标聚焦事件即可, 聚焦到哪个 li 上就把对应图片显示, 然后把其它图片隐藏 (4) li 标签的数量和 img 标签的数量一致, 因此匹配图片的时候, 可以用 li 的索引来对应 img 标签的索引效果图示 html 结构代码 <body> <div id="theFirst"> <ul> <li style="background-color: deepskyblue"> <span>tab1</span> </li> <li> <span>tab2</span> </li> <li> <span>tab3</span> </li> <div id="theSecond"> <img src="images/1.png" class="def" /> <img src="images/2.png" class="def" style="display: none" /> <img src="images/3.png" class="def" style="display: none" /> </div> </ul> </div> </body> css 样式代码 <style> * { padding: 0;

js使用

阅读更多关于 js使用

js使用 HTML 中的脚本必须位于 <script> 与 </script> 标签之间。脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。　　1.JavaScript 对大小写是敏感的。　　2.JavaScript 会忽略多余的空格。您可以向脚本添加空格，来提高其可读性。 Test：点击按钮改变标签内容 <!DOCTYPE html> <html> <body> <h1>My Web Page</h1> <p id="myPar">I am a paragraph.</p> <div id="myDiv">I am a div.</div> <p> <button type="button" onclick="myFunction()">点击这里</button> </p> <script> function myFunction() { document.getElementById("myPar").innerHTML="Hello World"; document.getElementById("myDiv").innerHTML="How are you?"; } </script> <p>当您点击上面的按钮时，两个元素会改变。</p> </body> </html> 　　3.对代码行进行折行您可以在文本字符串中使用反斜杠对代码行进行换行

订阅 js