当iframe.src重新指定一个url时会重新执行iframe的onload事件 html生成时，会执行iframe中的...onload事件 当iframe.src重新指定一个url时，indexFrame.src = dir + "/Index/indexIframe.html"; 会重新执行onload事件
2017-08-09 02:46:18 在JavaScript中，arguments对象是比较特别的一个对象，实际上是当前函数的一个内置属性。...Javascrip中每个函数都会有一个Arguments对象实例arguments，它引用着函数的实参，可以用数组下标的方式"[]"引用arguments的元素。...可以通过下面的例子来看一下arguments的具体使用方法 function test(){ if(arguments.length>0){ for(p of arguments){ console.log...，当需要使用递归来处理问题时callee就派上了用场 function count(a){ if(a==1){ return 1; } return a + arguments.callee...(--a);//此处的调用亦可使用cont(--a)的方式 } var mm = count(10); console.log(mm);//输出结果为55
因此，cookie可以跨越一个域名下的多个网页，但不能跨越多个域名使用。 ③、不同浏览器对 cookie 的实现也不一样。即保存在一个浏览器中的 cookie 到另外一个浏览器是 不能获取的。...，我们可以通过读取 cookie 中的信息，恢复购物车中的物品。...PS：实际操作中，这种方法很少用了，基本上都是将这些信息存储在数据库中。然后通过查询数据库的信息来恢复购物车里的物品 ③、页面之间的传值。在实际开发中，我们往往会通过一个页面跳转到另外一个页面。...后端服务器我们可以通过数据库，session 等来传递页面所需要的值。但是在浏览器端，我们可以将数据保存在 cookie 中，然后在另外页面再去获取 cookie 中的数据。...PS：这里要注意 cookie 的时效性，不然会造成获取 cookie 中数据的混乱。 3、怎么使用 cookie？
背景 在实际开发中，移动端页面遇到的，采用正常写法，图片 src赋值写在 onload 事件监听 后面，依然会有拿不到 图片真实宽高的场景，获得的图片宽高都为0，真的是好坑啊。...var img_url = '.jpg' // 创建对象 var img = new Image() // 加载完成执行 img.onload = function(){ console.log...(img.width,img.height) } // 改变图片的src img.src = img_url 解决 参考了该文章 关键时刻，还是得靠定时器轮询啊！！！...Date().getTime() // 图片地址 后面加时间戳是为了避免缓存 var img_url = "xxx.jpg" // 创建对象 var img = new Image() // 改变图片的src
昨天遇到一个关于iframe的问题，比如a页面中嵌入了一个iframe称为a_iframe，如果直接在a_iframe的标签上直接加入属性的设置，οnlοad=’’，这样才onload事件才是起作用的...，网上打听了下，具体原因不明，但是是有解决方法的： 1：通过iframe的onreadystatechange事件进行处理 2：在IE中通过attachEvent方法对...iframe绑定事件 这样才可以真正的把onload事件绑定到对应的iframe上。
js自带函数和jquery中的append方法相似 insertAdjacentHTML是一个非常酷的DOM方法，我们可以调用任何DOM元素来向页面添加新内容。...这是插入新内容的一种很方便且灵活的方法。 对元素调用该方法并接受两个参数：位置和包含HTML的字符串。...这代表我们将HTML添加到容器中的位置。...我们有四种选项可以设置它的位置： beforebegin 在元素之前 afterbegin 在元素的第一个子元素之后 beforeend 在元素的最后一个子元素之后 afterend 在元素之后 下面的示例代码展示了...，向列表中添加了一项： document.querySelector('ul').insertAdjacentHTML('beforeend', 'item')
JavaScript 中的 window.onload 事件和 JQuery 的 ready 函数有何区别 执行时机: window.onload必须等待网页中所有内容加载完毕后(包括图片)才能执行,而...$(document).ready()是网页中所有DOM结构绘制完毕后执行,可能DOM元素关联的东西并没有加载完,在DOM完全就绪时就可以被调用,此时,网页的所有元素对JQuery而言都是可以访问的,但是这并不意味着这些元素关联的文件都已经下载完毕...编写个数: window.onload不能同时编写多个,而$(document).ready()能同时编写多个 window.onload = function() { alert('test1`...'); }; window.onload = function() { alert('test2'); }; // 结果只会输出test2 而$(document).ready()能同时编写多个
浅谈与使用js中的原型# 1 什么是原型# “ 每个函数都会创建一个 prototype 属性，这个属性是一个对象，包含应该由特定引用类型的实例 共享的属性和方法。...2 原型的使用# 首先我们使用设计模式中的工厂模式来实现一个Person类，可以通过new这个Person的函数来创建一个与之具有相同属性的实例，也就省的我们再次创建Person函数了。...person2 = new Person('Greg', 27, 'Doctor') person1.sayName() // Nicholas person2.sayName() // Greg 从上面代码中可以看到...有，那就是用原型，请看下面这份代码： // 工厂模式实现 方法2 使用原型属性 function Person(name, age, job) { this.name = name this.age...3 小结# 本文仅是对于原型有个简单的认识也使用，原型在js中是一个比较重要的模块，还有__proto__ 、 原型链 这些概念没有讲到，如果感兴趣，可以再通过书籍及视频来交叉理解。
js中if语句的使用 if 语句是使用最频繁的语句之一，语法如下： if (condition) { statement1 } else { statement2 } 1、条件(condition...2、ECMAScript 会自动调用Boolean()函数将这个表达式的值转换为布尔值。...这里的语句可能是一行代码，也可能是一个代码块（即包含在一对花括号中的多行代码）如下列代码： if (xhs > 1) { console.log('xhs满足大于1！')...满足大于25') } else if (xhs < 0) { console.log('xhs满足小于0') } else { console.log('xhs在0到25之间') } 以上就是js...中if语句的使用，希望对大家有所帮助。
js中arguments的使用 说明 1、当不确定传递了多少参数时，可以使用arguments来获取。在JavaScript中，arguments实际上是当前函数的内置对象。...所有函数都内置了一个arguments对象，所有实参都存储在arguments对象中。 2、arguments的显示形式是一个伪数组，所以可以遍历。...实例 // arguments 的使用 function fn() { console.log(arguments);// 里面存储了所有传递过来的实参 console.log(arguments.length...); console.log(arguments[0]); } fn(1,2,3); 以上就是js中arguments的使用，希望对大家有所帮助。
js中repeat()的使用 1、返回一个新字符串，表示将原字符串重复n次。如果参数为小数，则会被取整。...console.log('abc'.repeat(-1)) // RangeError console.log('abc'.repeat(Infinity)) // RangeError 3、如果参数是0到-1之间的小数或者...console.log('abc'.repeat(-0.1)) // console.log('abc'.repeat(NaN)) // 一般来说，str.repeat(n)重复字符串n遍，括号内填重复的遍数...以上就是js中repeat()的使用，希望对大家有所帮助。更多js学习指路：js教程 推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。 收藏 | 0点赞 | 0打赏
大家好，又见面了，我是你们的朋友全栈君。 一、概念 1、js中可以通过setTimeout函数设置定时器，让指定的代码在指定的时间运动....如果我们希望在setTimeout之行前终止其运行就可以使用clearTimeout()。...2、clearTimeout()用于重置js定时器，如果你希望阻止setTimeout的运行，就可以使用clearTimeout方法。...二、使用场景 1、写计时器 2、需要让程序隔一段时间处理什么事情，如3秒后自动关闭弹出框等 3、事件延迟，满足业务需求，如鼠标从主菜单moveout的时候，判断鼠标是否moveover副菜单，再隐藏副菜单...如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
介绍：call与apply都属于Function.prototype的一个方法，所以每个function实例都有call、apply属性 1.改变函数内部的this指向： // 有一个局部的test2...方法， // test2被作为普通函数调用时， // test2内部的this指向了window， // 但我们往往是想让它指向该#test节点，见如下代码： document.querySelector...= function(){ console.log(this) } function test3(){ console.log(this) } test3.call(this) //改变了test2的this...指针 test2.call(this) } 2.使用call来实现构造函数的继承。...已经继承了oneObj的属性。
ECMAScript 6 新增的 Set 是一种新集合类型，为这门语言带来集合数据结构。Set 在很多方面都像是加强的 Map，这是因为它们的大多数 API 和行为都是共有的。 基本API 1....创建Set实例 使用 new 关键字和 Set 构造函数可以创建一个空集合： const s = new Set(); 如果想在创建的同时初始化实例，则可以给 Set 构造函数传入一个可迭代对象，其中需要包含插入到新集合实例中的元素...JavaScript 数据类型作为值)： const s = new Set(["val1", 1, true, {}, undefined, function fun() {}]); 注意:Set结构不会添加重复的值...Set实例转数组 const s = new Set([1, 2, 3]); Array.from(s); // [1, 2, 3] 3. size属性 size: 获取Set实例的元素个数： const...返回布尔值)： const s = new Set(); s.add(1).add(2).add(3); s.has(1); // true 6. delete() delete(): 删除Set实例中某个元素
js中this的使用场景 使用场景 1、在构造函数中使用（构造函数本身） 2、作为对象属性时使用（调用属性的对象） 3、作为普通函数时使用（window） 4、call、apply、bind（执行的第一个参数...a.fun.call({ name: 'B' }); //this === { name: 'B' } var fun1 = a.fun; fun1(); //this === window 以上就是js...中this的使用场景，希望对大家有所帮助。...更多js学习指路：js教程 推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。
js中matchAll()方法的使用 说明 1、matchAll()方法返回一个包含所有匹配正则表达式和分组捕获结果的遍历器。 2、因为返回的是遍历器，所以通常使用for...of循环取出。...index: 0, input: "abcabc", groups: undefined] //["a", index: 3, input: "abcabc", groups: undefined] 以上就是js...中matchAll()方法的使用，希望对大家有所帮助。...更多js学习指路：js教程 推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。 收藏 | 0点赞 | 0打赏
js中diff函数的使用 1、diff函数可以帮我们获取到两个Moment对象的时间差，默认的单位是毫秒。...moment([2017, 12, 29]); var b = moment([2017, 12, 28]); a.diff(b) // 86400000 2、除了得到毫秒为单位，diff函数还支持获取其他的时间单位...将其作为第二个参数传入： var a = moment([2007, 0, 29]); var b = moment([2007, 0, 28]); a.diff(b, 'days') // 1 以上就是js...中diff函数的使用，大家看懂后可以做一些时差的练习。...更多js学习指路：js教程 推荐操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。
async和await是在es7中的内容，不过现在主流浏览器都支持，今天我们就来说说怎么用。...首先你得先了解：es6中的promise,链接：JS中promise的基础用法 async和await是用来处理异步操作的，把异步变为同步的一种方法。...async返回的是一个promise对象，返回值可在promise中的then方法中的第一个回调函数中使用。...在attract函数中就使用await对象，它会等待edition函数执行完毕，在执行此函数下面的代码，变为同步了。...注意：当使用了await时，只会阻塞async函数中的代码，外部代码依旧是异步在执行的。 例子： ?
---- 二、基本用法 （1）async async 函数返回一个 Promise 对象，可以使用 then 方法添加回调函数。...await Promise.reject('出错了'); } f() .then(v => console.log(v)) .catch(e => console.log(e)) // 出错了 上面代码中，...function f() { await Promise.reject('出错了'); await Promise.resolve('hello world'); // 不会执行 } （3）使用注意事项...await 命令后面的 Promise对象，运行结果可能是 rejected ，所以最好把 await 命令放在 try...catch 代码块中。...hello') },1000) }) // await 后应该是一个 Promise 对象，如果不是，会被转成一个 Promise 对象 // await必须配合 async 来使用
js函数中参数的使用 说明 1、函数内的某些值不能固定，我们可以通过参数在调用函数时传递不同的值。 2、多个参数之间用逗号分隔，形式参数可以看作是无声明的变量。...在JavaScript中，形式参数的默认值是undefined。...实例 // 函数形参实参个数匹配 function getsum(num1,num2){ console.log(num1 + num2); } // 1．如果实参的个数和形参的个数一致,则正常输出结果...getSum(1, 2); // 2．如果实参的个数多于形参的个数,会取到形参的个数 getsum(1, 2, 3); // 3．如果实参的个数小于形参的个数，多余的形参定义为 undefined，最终的结果...：1 + undefined = NaN // 形参可以看做是不用声明的变量, num2 是一个变量但是没有接受值,结果就是undefined getsum(1); 以上就是js函数中参数的使用，希望对大家有所帮助
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
