javascript
loves小鱼儿
这个作者很懒,什么都没留下…
展开
-
事件冒泡与事件委托
(1)事件冒泡。在一个对象上触发某类事件(比如单击onclick事件),如果该对象定义了此类事件的处理程序,那么此事件就会调用这个处理程序;如果没有定义此事件的处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的顶层,即document对象(有些浏览器是window)。(2)事件委托的实现原创 2016-09-14 11:08:07 · 546 阅读 · 0 评论 -
javascript如何实现继承
javascript实现继承,其实就是实现三层含义:1.子类的实例可以共享父类的方法。2.子类可以覆盖父类的方法或者扩展新的方法。3.子类和父类都是子类实例的“类型”。使用原型继承,中间使用临时对象作为Child的原型属性,临时对象的原型属性再指向父类的原型,防止所有子类和父类原型属性都指向同一个对象,这样当修改子类的原型属性,就不会影响其他子类和父类。function extend(Chi原创 2016-09-21 20:35:23 · 390 阅读 · 0 评论 -
正则表达式问题
1.验证用户输入是否为数字。<script type="text/javascript"> function validate(){ var reg=new RegExp("^[0-9]*$"); var obj=document.getElementById("name"); if(!reg.test(obj.value)){原创 2016-09-21 20:54:23 · 223 阅读 · 0 评论 -
Jsonp的实现方式
最简单的Jsonp实现方式如下:var Jsonp=document.creatElement("script");//Firefox:onload IE:onreadystatechangeJsonp.onload=Jsonp.onreadystatechange=function(){ //onreadystatechange,仅IE if(!this.readySta原创 2016-09-21 21:16:43 · 514 阅读 · 0 评论 -
闭包
1.闭包的含义: 闭包就是能够读取其他函数内部变量的函数。 (1).闭包外层是一个函数。 (2).闭包内部都有函数。 (3).闭包会return内部函数。 (4).闭包返回的函数内部不能有return(因为这样就真的结束了)。 (5).执行闭包后,闭包内部变量会存在,而闭包内部函数的内部变量不会存在。2.作用和原理: 因为闭包只有在被调用时才执行操作,所以它可以被用来定义控制结构。多个原创 2016-09-22 09:00:41 · 399 阅读 · 0 评论 -
如何阻止冒泡事件和默认事件
阻止冒泡事件发生需要调用以下函数:function stopBubble(e){ if(e&&e.stopPropagation){ //非IE e.stopPropagation(); } else{ //IE window.event.cancelBubble=true; }}阻止默认事件发生需要调用以下函数:function s原创 2016-09-22 09:10:42 · 405 阅读 · 0 评论 -
异步加载javascript的方式
1..getScript(URL,callback)这个方法提供了异步加载script资源的方式,对于一些Web网页内容比较多,需要按需加载的情况,提供了很大的帮助,jQuery1.2之后的这个方法可以跨域访问,它动态创建script,在加载成功后删除script节点。使用方法:.getScript(URL,callback) 这个方法提供了异步加载script资源的方式,对于一些Web网页内容原创 2016-09-22 10:09:02 · 297 阅读 · 0 评论 -
AngularJS自定义过滤器
1,新建一个过滤器js文件,命名为filter.jsangular.module('app.route').filter('relationFilter', function() { return function(val) { if(val == '1') { return "配偶"; } else if(va原创 2017-05-09 10:10:31 · 296 阅读 · 0 评论 -
cesium地图缩放,旋转,倾斜
在此仅提取方法,需要时可以直接调用相关方法。/*定义初始缩放,值可以改动,以下括号里的值可以看情况自己设置。*/viewer.camera.zoomIn(0);/*放大*/viewer.camera.zoomIn(1000);/*缩小*/ viewer.camera.zoomOut(1000);/*左旋转*/ viewer.camera.rotateLeft(Cesium.Ma原创 2017-07-19 13:51:17 · 13469 阅读 · 0 评论 -
krpano实践之全景图缩放,旋转,倾斜,自动旋转,VR,全屏方法
在此仅提取方法,需要时可以直接调用相关方法。/*定义控件*/var krpano = document.getElementById("krpanoSWFObject");/*定义*/var fov = Number(krpano.get("view.fov"));var hlookat = Number(krpano.get("view.hlookat"));var vlook原创 2017-08-01 17:58:01 · 4806 阅读 · 0 评论 -
javascript实现面向对象中的继承模板
原型链继承,通过对象Child的prototype属性指向父对象Parent的实例,使Child对象实例能通过原型链访问到父对象构造所定义的属性、方法等。使用apply、call方法,由于javascript内置的function对象的apply、call方法改变了对象构造中“this”的上下文环境,使特定的对象实例具有对象构造中所定义的属性、方法。对象实例间的继承,javascript对象的多原创 2016-09-21 19:55:37 · 340 阅读 · 0 评论 -
js中数组类编程题目
1.编写尽可能简洁的javascript代码,找到在第一个数组array1中出现,而在第二个数组array2中没有出现的数字。indexof()判断数字是否出现,join()用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。function findNullofNum(arr1,arr2){ var str = arr2.join(""); var result原创 2016-09-21 13:02:09 · 4747 阅读 · 1 评论 -
javascript如何实现面向对象和继承机制
面向对象:function MyObject(){ this.name="myObject"; this.type="class"; this.methodA=function(){ alert(this.name); } this.methodB=function(){ return this.type; }}va原创 2016-09-22 16:47:35 · 1082 阅读 · 0 评论 -
javascript实现拖拽的原理
1.拖拽的基本原理:当mousedown时,记下鼠标单击位置离拖拽容器左边沿的距离和上边沿的距离,即tmpX/tmpY;当mousemove时,通过定位拖拽容器的style.left/style.top,使拖拽容器进行移动,定位到哪里则由刚刚的tmpX/tmpY和当前鼠标所在的位置计算得出;当mouseup时,结束移动。2.“var dragObj=this;”这句是为了在mousedown/mou原创 2016-09-22 19:35:27 · 851 阅读 · 0 评论 -
用canvas画一个圆
<!DOCTYPE html><html><head></head><body> <canvas id="myCanvas" width="200" height="200" style="border:2px solid blue;"> 您的浏览器不支持。 </canvas><script type="text/javascript"> var c=doc原创 2016-09-22 20:52:49 · 514 阅读 · 0 评论 -
cookie、sessionStorage和localStorage的区别
cookie数据始终在同源的HTTP请求中携带(即使不需要),即cookie在浏览器和服务器来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。存储大小限制也不同,cookie数据不能超过4KB,同时因为每次HTTP请求都会携带cookie,所以cookie只适合原创 2016-09-22 21:25:23 · 294 阅读 · 0 评论 -
Ajax技术的优缺点分析
1.优点是具有更迅捷的响应速度 (1).传统的Web应用允许用户填写表单(form),当提交表单时就向Web服务器发送一个请求。服务器接收并处理传来的表单,然后返回一个新的网页。这个做法浪费了许多带宽,因为在前后两个页面中的大部分HTML代码往往是相同的。由于每次应用的交互都需要向服务器发送请求,应用的响应时间就依赖于服务器的响应时间。这导致了用户页面的响应比本地应用慢很多。Ajax可以把原创 2016-09-23 17:13:40 · 1368 阅读 · 0 评论 -
判断一个数是否为超级素数
int sushu(int N){ int i; int flag = 1; if(N == 1) return false; if(N == 2) return true; for(i = 2;i <= sqrt(N);i ++){ if(N%i = 0){ flag=0; break;原创 2016-09-20 18:01:01 · 2291 阅读 · 1 评论 -
JS实现选项卡效果
<script type="text/javascript"> window.onload = function(){ var oLi = document.getElementById("tab"). getElementsByTagName("li"); var oUl = document.getElementById("content"). getEl原创 2016-09-20 19:10:54 · 367 阅读 · 0 评论 -
js事件案例
单击按钮,实现两个id值互换。<html><head><script type="text/javascript"> function subOnClick(){ var text1=document.getElementById("txt1").value; var text2=document.getElementById("txt2").value;原创 2016-09-21 15:54:27 · 585 阅读 · 0 评论 -
js表单案例
1.获取表单域的选择部分的文本。 方法一:<html><head><title></title></head><script type="text/javascript"> function test(){ var selectO=document.getElementById("select"); var s=selectO.value;//获取已原创 2016-09-21 17:10:36 · 535 阅读 · 0 评论 -
用js找对称数
一个数字倒着读时,和原数字相同,我们将这个数字称为对称数,例如(1,121,88,8998),在不考虑性能的情况下,找出1~10000之间的对称数。<script type="text/javascript"> for(var i=1;i<=10000;i++){ var str_i=i.toString(); l=str_i.length; //将数字转化原创 2016-09-21 17:22:19 · 2717 阅读 · 0 评论 -
openLayer4动态改变标注图标
地图上经常需要标出标注,标注点击之后要有相应的变化来达到一定的效果。此实例即在地图上添加图片标注,点击标注,更换标注图片,再点击其他标注,上一个标注恢复原来的标注图片。 /*初始化地图*/ var map; function initmap(){ map= new ol.Map({ layers: lay原创 2017-08-14 16:27:02 · 7186 阅读 · 0 评论