javascript基础拾遗(七)

【javascript基础拾遗(七)】的更多相关文章

javascript基础拾遗(七)

1.对象的继承__proto__ var Language = { name: 'program', score: 8.0, popular: function () { return this.score/10*100 + '%'; } } var Python = { name: 'python', score: 9.0 } Python.__proto__ = Language console.log(Python.popular()) 运行结果: 90% __proto__属性将Pyth…

JavaScript 基础第七天（DOM的开始）

一.引言 JavaScript的内容分为三个部分,这三个部分分别是ECMAScript.DOM.BOM三个部分组成.所谓ECMAScript就是JavaScript和核心基础语法,DOM是文档对象模型,最后剩下的BOM则是浏览器对象模型.这三个部分相辅相成组成了现在的JavaScript. 二.导入前面几天我们学习就是有关有ECMAScript即基础语法部分,从今天开始我们将开始接触文档对象模型,做好准备.let's Go! 三.重点内容 ① 什么是DOM: DOM= Document Obj…

JavaScript基础--超级玛丽(七)（上下左右控制）

相信大家都玩过超级玛丽,下面实现控制玛丽的上.下.左.右等基本功能,本篇只是在练习JavaScript的用法 1.创建一个HTML页面 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta n…

JavaScript基础学习(七)—BOM

BOM(Browser Object Model): 浏览器对象模型.提供了独立于内容而与浏览器窗口交互的对象,BOM主要用于管理窗口和窗口之间的通讯. 一.Navigator对象 navigator对象通常用于获取浏览器和操作系统的信息. navigator对象是window对象的属性,中文是"导航器"的意思. 由于navigator没有统一的标准,因此各个浏览器都有自己不同的navigator版本,这里只介绍最普遍支持且最常用的. …

javascript基础拾遗(十三)

1.jQuery的特点 jQuery是目前非常流行的javascript库,理念是"Write Less,Do More" 1)消除浏览器差异 2)简洁的操作DOM方法 3)轻松实现动画,修改CSS等各种操作 2.$符号 $是著名的jQuery符号,jQuery把所有功能都封装在一个全局函数jQuery中,$是全局函数jQuery的别名. window.jQuery; // jQuery(selector, context) window.$; // jQuery(selector,…

javascript基础拾遗(十二)

1.javascript的单线程特性在javascript中,所有的代码都是单线程的因此所有的网络操作,浏览器事件,都必须是异步执行的,异步执行的逻辑是回调. function callback() { console.log('hello') } console.log('begin') setTimeout(callback, 1000) console.log('end') 运行结果: begin end hello 2.Promise对象像上列,和ajax等,承诺会在将来执行的对象…

javascript基础拾遗(十一)

1.DOM操作 1)查找 //根据id查找 document.getElementById() //根据html标签查找 documnet.getElementByTagName() //根据样式class查找 document.getElementsByClassName() 2)更新 DOM元素的innerHTML,innerText,textContent属性 var p = document.getElementById("p-id") p.innerHTML = 'ABC'…

javascript基础拾遗(十)

1.支持ES6标准的浏览器 IE10+ Chrome Safari Firefox 移动端浏览器统一都支持需要注意的是,不同浏览器对各个特性的支持也不一样 2.window对象当前浏览器窗口对象 innerWidth,innerHeight可用于网页显示的净宽高 outerWidth,outerHeight整个浏览器的宽高 console.log(window.innerWidth) console.log(window.innerHeight) console.log(window.out…

javascript基础拾遗(六)

1.Date内置对象获取系统时间 var now = new Date() console.log(now) console.log(now.getDate()) console.log(now.getDay()) console.log(now.getMilliseconds()) 2.构造Date对象 var now = new Date(2017, 12, 6) console.log(now) console.log(now.getDate()) console.log(now.get…

javascript基础拾遗(五)

1.什么是箭头函数 ES6引入的一种新的函数,类似匿名函数,x=>xx 箭头左端为函数参数,右端为函数体相当于 function (x){ retutn xx } 2.箭头函数的特点更简洁 3.箭头函数和匿名函数的区别箭头函数和匿名函数的区别在于this关键字的使用在前面的总结中,知道对象的方法中定义的内部方法是无法使用this关键字的箭头函数修复了这个缺陷,内部方法也可以使用this关键字,指向当前对象. 4.什么是生成器 javascript的生成器和python的生成器雷同,遇y…