
JavaScript
CSAN_Y
这个作者很懒,什么都没留下…
展开
-
面向对象编程的特点
1.继承 侧重于从父级继承到的属性和方法。 /* 面向对象的特点 封装 继承 多态 封装构造函数 混合法 */ function Person(name,sex){ this.user = name; this.gender = sex; } //通过原型添加函数都可以使用 Person.prototype.show...原创 2019-02-13 17:59:39 · 1451 阅读 · 0 评论 -
构造函数
定义: 所谓的构造函数,其实就是一个普通的函数,但是内部使用了this变量。对构造函数使用new运算符,就能生成实例,并且this变量会绑定在实例对象上。 原型对象 function Student(name,sex){ this.name = name; this.sex= sex; } 实例对象 var student1 = Student("小明","男"...原创 2019-07-26 10:52:23 · 200 阅读 · 0 评论 -
非构造函数的继承
比如现在有一个对象“人” var Person = { nation:'中国' } 还有一个对象“职位” var Position = { name:'程序员' } 怎么才能让职位去继承人,也就是说我怎么才能生成中国程序员的对象 要注意,这两个对象都是普通对象,不是构造函数,无法使用构造函数方法重现继承 object()方法 json格式的发明人Douglas C...原创 2019-07-29 17:08:13 · 206 阅读 · 0 评论 -
构造函数的继承
对象之间的继承有五种方法 首先定义一个父级 function Father(){ this.dassler = "王"; } 然后是子级 function Son(name,sex){ this.name = name; this.sex = sex; } 构造函数的绑定 第一种方法也是最简单的一种方法,使用call或apply方法,将父对象的构造函数绑...原创 2019-07-29 10:13:25 · 200 阅读 · 0 评论 -
JavaScript浏览器兼容问题
1、获取当前css样式 function getStyle(node, styleAttr){ if(node.currentStyle){ return node.currentStyle[styleAttr]; }else{ return getComputedStyle(node)[styleAttr]; } } 2、通过class获取元素节点。 //兼容IE8以下...原创 2019-01-31 20:36:21 · 367 阅读 · 0 评论 -
编程常用对象和事件
一、对象 doucment文档对象 (1). getElementById() //按元素的ID来访问 (2). getElementsByName() //按元素的name名称来访问(返回集合,因为同名的元素可能有多个) (3). getElementsByTagName() //按标签名来访问(返回集合,因为同名的元素可能有多个) (4). write() window窗体对象 1....原创 2019-02-09 18:07:47 · 956 阅读 · 0 评论 -
window对象的方法
使用window方法时可以省略window open方法 语法格式:window.open(URL,窗口名称,窗口风格) 功能:打开一个新的窗口,并在窗口中装载指定URL地址的网页。 说明: open方法用于打开一个新的浏览器窗口,并在新窗口中装入一个指定的URL地址; open方法在打开一个新的浏览器窗口时,还可以指定窗口的名称(第二个参数); open方法在打开一个新的浏览器窗口时,还可以...原创 2019-02-09 22:06:20 · 957 阅读 · 0 评论 -
文档对象模型(DOM)
文档对象模型(DOM) 文档对象模型(DOM,Document Object Model)是针对XML但经过扩展用于HTML的应用程序编程接口(API,Application Programming Interface)。DOM把整个页面映射为一个多层节点结构。HTML或XML页面中的每个组成部分都是某种类型的节点,这些节点有包含着不同类型的数据。 文档:DOM的D 如果没有document(文档...原创 2019-02-09 18:08:24 · 531 阅读 · 0 评论 -
window对象的属性
*注意: status属性在IE,火狐,Chrome,和Safari默认配置是不能正常工作。要允许脚本来改变状态栏文本,用户必须把配置屏幕首选项设置为false dom.disable_window_status_change。(或在Firefox:"工具 - 选项 - 内容 - 启用的JavaScript /"高级" - 允许脚本更改状态栏文本")。*原创 2019-02-09 22:06:57 · 1064 阅读 · 0 评论 -
JavaScript原型和原型链
1、原型prototype prototype中有两个属性constructor和__proto__。constructor指向函数自己。同时可以看见prototype中也有__proto__。因为prototype也是一个对象。 var arr1 = [10, 20, 30, 40, 50]; var arr2 = [1, 2, 3, 4, 5]; //给数组...原创 2019-02-11 20:26:40 · 209 阅读 · 0 评论 -
JavaScript最佳实践:性能
注意作用域 避免全局查找 一个例子: function updateUI(){ var imgs = document.getElementsByTagName("img"); for(var i = 0; i < imgs.length; i++){ imgs[i].title = document.title + " image " + i; ...转载 2019-07-26 13:36:31 · 229 阅读 · 0 评论