js基础知识点
来源:互联网 发布:php中if exists用法 编辑:程序博客网 时间:2024/05/17 23:49
js三大类:
1、 浏览器对象:
window(load,open,)
location
history(back,go(-2),forward)
2、 dom:
childnodes
children
parent
节点类型:
ELEMENT_NODE 元素节点
ATTRIBUTE_NODE 属性节点
TEXT_NODE 文本节点
CDATA_SECTION_NODE CDATA 区段
ENTITY_REFERENCE_NODE 实体引用
ENTITY_NODE 实体
PROCESSING_INSTRUCTION_NODE 处理指令
COMMENT_NODE 注释节点
DOCUMENT_NODE 文档节点
3、js核心语法:
1、js:是什么:
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
是一种解释性脚本语言(代码不进行预编译)。
主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。
可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。
Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。
2、作用:
校验
动态的HTML
特殊的效果
3、js内置对象:
String(subString())
math
Date
Array(批量操作join(',') )
event
error
boolean
RegExp [0,9]
number
function
4、如何声明变量:
var
5、if判断
if(data)不为空 或数字不为0 为true
6、如何声明对象
1、 var person={};
person.firstname="";
person.sleep=function{}
2、 var myObj =
{
'id': 1,
'fun': function() {
document.writeln(this.id + '-' + this.name);//以"对象.属性"方式访问
},
'name': 'myObj',
'fun1': function() {
document.writeln(this['id'] + '+' + this['name']);//以集合方式访问
}
};
myObj.fun();
myObj.fun1();
3、function myClass() {
var obj =
{
'id':2,
'name':'myclass'
};
return obj;
}
4、var oCar = new Object;
oCar.color = "red";
oCar.doors = 4;
7、js如何继承:
prototype:
1、 function Animal (name) { //原型链继承
// 属性
this.name = name || 'Animal';
// 实例方法
this.sleep = function(){
console.log(this.name + '正在睡觉!');
}
}
// 原型方法
Animal.prototype.eat = function(food) {
console.log(this.name + '正在吃:' + food);
};
2、 function Cat(name){ //构造继承
Animal.call(this);
this.name = name || 'Tom';
}
3、 function Cat(name){ //实例继承
var instance = new Animal();
instance.name = name || 'Tom';
return instance;
}
4、 function Cat(name){ //拷贝继承
var animal = new Animal();
for(var p in animal){
Cat.prototype[p] = animal[p];
}
Cat.prototype.name = name || 'Tom';
}
5、 function Cat(name){ //组合继承
Animal.call(this);
this.name = name || 'Tom';
}
Cat.prototype = new Animal();
6、 function Cat(name){ //寄生组合继承
Animal.call(this);
this.name = name || 'Tom';
}
(function(){
// 创建一个没有实例方法的类
var Super = function(){};
Super.prototype = Animal.prototype;
//将实例作为子类的原型
Cat.prototype = new Super();
})();
闭包:
一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
1.作为一个函数变量的一个引用,当函数返回时,其处于激活状态。
2.一个闭包就是当一个函数返回时,一个没有释放资源的栈区。
简单的说,javascript允许使用内部函数---即函数定义和函数表达式位于另一个函数的函数体内。而且,这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个这样的内部函数在包含它们的外部函数之外被调用时,就会形成闭包。
1、 浏览器对象:
window(load,open,)
location
history(back,go(-2),forward)
2、 dom:
childnodes
children
parent
节点类型:
ELEMENT_NODE 元素节点
ATTRIBUTE_NODE 属性节点
TEXT_NODE 文本节点
CDATA_SECTION_NODE CDATA 区段
ENTITY_REFERENCE_NODE 实体引用
ENTITY_NODE 实体
PROCESSING_INSTRUCTION_NODE 处理指令
COMMENT_NODE 注释节点
DOCUMENT_NODE 文档节点
3、js核心语法:
1、js:是什么:
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
是一种解释性脚本语言(代码不进行预编译)。
主要用来向HTML(标准通用标记语言下的一个应用)页面添加交互行为。
可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。
跨平台特性,在绝大多数浏览器的支持下,可以在多种平台下运行(如Windows、Linux、Mac、Android、iOS等)。
Javascript脚本语言同其他语言一样,有它自身的基本数据类型,表达式和算术运算符及程序的基本程序框架。Javascript提供了四种基本的数据类型和两种特殊数据类型用来处理数据和文字。而变量提供存放信息的地方,表达式则可以完成较复杂的信息处理。
2、作用:
校验
动态的HTML
特殊的效果
3、js内置对象:
String(subString())
math
Date
Array(批量操作join(',') )
event
error
boolean
RegExp [0,9]
number
function
4、如何声明变量:
var
5、if判断
if(data)不为空 或数字不为0 为true
6、如何声明对象
1、 var person={};
person.firstname="";
person.sleep=function{}
2、 var myObj =
{
'id': 1,
'fun': function() {
document.writeln(this.id + '-' + this.name);//以"对象.属性"方式访问
},
'name': 'myObj',
'fun1': function() {
document.writeln(this['id'] + '+' + this['name']);//以集合方式访问
}
};
myObj.fun();
myObj.fun1();
3、function myClass() {
var obj =
{
'id':2,
'name':'myclass'
};
return obj;
}
4、var oCar = new Object;
oCar.color = "red";
oCar.doors = 4;
7、js如何继承:
prototype:
1、 function Animal (name) { //原型链继承
// 属性
this.name = name || 'Animal';
// 实例方法
this.sleep = function(){
console.log(this.name + '正在睡觉!');
}
}
// 原型方法
Animal.prototype.eat = function(food) {
console.log(this.name + '正在吃:' + food);
};
2、 function Cat(name){ //构造继承
Animal.call(this);
this.name = name || 'Tom';
}
3、 function Cat(name){ //实例继承
var instance = new Animal();
instance.name = name || 'Tom';
return instance;
}
4、 function Cat(name){ //拷贝继承
var animal = new Animal();
for(var p in animal){
Cat.prototype[p] = animal[p];
}
Cat.prototype.name = name || 'Tom';
}
5、 function Cat(name){ //组合继承
Animal.call(this);
this.name = name || 'Tom';
}
Cat.prototype = new Animal();
6、 function Cat(name){ //寄生组合继承
Animal.call(this);
this.name = name || 'Tom';
}
(function(){
// 创建一个没有实例方法的类
var Super = function(){};
Super.prototype = Animal.prototype;
//将实例作为子类的原型
Cat.prototype = new Super();
})();
闭包:
一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
1.作为一个函数变量的一个引用,当函数返回时,其处于激活状态。
2.一个闭包就是当一个函数返回时,一个没有释放资源的栈区。
简单的说,javascript允许使用内部函数---即函数定义和函数表达式位于另一个函数的函数体内。而且,这些内部函数可以访问它们所在的外部函数中声明的所有局部变量、参数和声明的其他内部函数。当其中一个这样的内部函数在包含它们的外部函数之外被调用时,就会形成闭包。
阅读全文
1 0
- JS 基础知识点总结
- JS基础知识点整理
- JS基础知识点整理
- JS基础知识点
- JS基础知识点梳理
- js基础知识点
- js基本知识点总结-----js函数基础
- Node.js基础知识点&npm常用命令
- Html+JS+HTMLdom+Json+JQuery 常用基础知识点汇总
- Node.js知识点详解(一)基础部分
- javascript基础十(知识点类js中的跨域)
- Node.js的学习历程四npm的基础知识点
- Node.js知识点详解(一)基础部分
- JS 知识点
- js 知识点
- js知识点
- js知识点
- js知识点
- 详解 Cookie 纪要
- tomcat 配置详解
- Java虚拟机-JVM各种参数配置大全详细
- Nutch2 WebPage 字段解释
- springboot-Spring Cloud Security- Spring Cloud OAuth2 -token-redis 接口权限01
- js基础知识点
- 维护篇 20. 入门操作 ❀ 飞塔 (Fortinet) 防火墙
- shell脚本中用到的条件和循环语句
- Centos 6中破坏伪根系统文件/boot/initramfs-version-release.img
- Centos 6中模拟破坏MBR救援模式下修复
- 开机启动流程分析
- yum源安装故障:warning: rpmts_HdrFromFdno: Header V3 RSA/SHA256 Signature, key ID 0608b895: NOKEY
- MAC版RDP访问Windows远程桌面报错问题的解决(The certificate or associated chain is not valid
- 编译安装dropbear