javascript的基础总结

###Javascript的历史来源
94年网景公司 研发出世界上第一款浏览器。

95年 sun公司 java语言诞生

网景公司和sun合作。

Java+script ===> javascript

JavaScript和ECMAScript的关系
简单来说ECMAScript不是一门语言,而是一个标准。符合这个标准的比较常见的有:JavaScript、Action Script(Flash中用的语言)
JavaScript的基本结构:
JavaScript的语法:

JavaScript的基础语法
变量的声明及使用
数据类型
运算符
逻辑控制语句
注释
语法规则
变量的声明语法:
var变量名;
例如:
Var num;
然后进行赋值:num = 10;也可以声明时直接赋值:
Var num =10;
在JavaScript中,提供了常用的基本数据类型:
undefined 未定义;
null 空;
string 字符串类型;
boolean 布尔类型;
number 数值类型;
运算符:
算数运算符:+、-、、/、%、++、–;
比较运算符:>、<、> =、< =、==、!=;
逻辑运算符:&&、||、!;
赋值运算符:=;
逻辑控制语句:
JavaScript的逻辑控制语句也分为两类:条件结构和循环机构。
条件结构
条件机构分为if结构和switch结构:
If…else
Switch
循环结构
JavaScript的循环结构的执行顺序与Java类似,主要包括以下几种结构:
for循环
while循环
do…while循环
for…inx循环
示例:
for(var i=0;i<10;i++){
Document.write(“
”);
}
输出结果:**********
循环中断:
用于循环中断的语句有以下两种:
break.
continue.
与Java用法一样,break是跳出循环,continue是跳入下一次循环。
函数
函数有两种:一种是系统函数,一种是自定义函数。
常用的系统函数包括:
parseInt():转换为整数。
parseFloat():转换为浮点型。
isNaN():判断非数字。
Eval():计算表达式值。
自定义函数:
自定义函数的语法
function 函数名(参数1,参数2,…){
…//语句
Return 返回值;//可选
}
函数的调用:
函数的调用方式有以下两种
事件名=函数名(传递的实参值),例如:
“函数名()”
直接使用函数名(传递的实参值),例如:
var recult = add(2,3);
匿名函数
匿名函数的语法
var sumFun=function(num1,num2){

return(nun1,num2);
} ;
在语法中:
var sunFun=function(num1,num2)表示声明一个变量等于某个函数体。
{…};是把整个函数体放在变量的后面,并把末尾添加一个分号。
匿名函数的调用:
由于匿名函数定义的整个语句,可以像赋值一样赋给一个变量进行保存,所以可以使用如下方式调用语法中的匿名函数:
var sum=sumFun(2,3)
BOM概述
使用BOM可以移动窗口,改变状态栏中的文本,执行其他与页面内容不直接相关的动作。它包含的对象主要有以下几种;
Window对象
Window对象是指整个窗口对象,可以通过操作Window对象的属性和方法控制窗口,例如,打开或关闭一个窗口。
History对象
浏览器访问过的历史页面对应History对象,通过History对象的属性和方法实现浏览器的前进或后退的功能。
Location对象
浏览器的地址栏对应Location对象,通过Location对象的属性和方法控制页面跳转。
Document对象
浏览器内的网页内容对应Document对象,通过Document对象的属性和方法,控制页面元素。
Window常用的属性有:
history:有关客户访问过的URL的信息。
location:有关当前URL的信息。
Screen: 有关客户端的屏幕和显示性能的信息。
Window对象常用的方法:
prompt():显示可提示用户输入的对话框。
alert():显示带有一段消息和一个人“确认”按钮的警告框。
confirm():显示带有一段消息以及“确认”按钮“取消”按钮的对话框。
close():关闭浏览器窗口。
open():打开一个新的浏览器窗口,加载给定URL所指定的文档。
setTimeout():用于在指定(以毫秒计)后调用函数或计算表达式。
setTneerval():按照指定的周期 (以毫秒计)数来调用函数或计算表达式。
Window对象常用窗口特征属性
height、width:窗口文档显示区的高度、宽度,以像素计。
left、top:窗口的x坐标y坐标,以像素计。
toolbar:yes|no|1|0:是否显示浏览器的工具栏,默认是yes。
scrollbars =yes|no|1|0:是否显示滚动条,默认是yes。
locationyes|no|1|0:是否显示地址栏,默认是yes。
status|no|1|0:是否添加地址栏,默认是yes。
menubar|no|1|0:是否显示菜单栏,默认是yes。
resizable|no|1|0:窗口是否可调节尺寸,默认是yes。
Window对象的常用事件:
onload:一个页面或一副图像完成加载。
onmouseover:鼠标指针移到某元素之上。
onclick:单击某个对象。
onkeydown:某个键盘按键被按下。
onchange:域的内容被改变。
History对象的方法:
back():加载History对象列表中的上一个URL。
forward():加载History对象列表中的下一个URL。
go():加载History对象列表中的某个具体URL。
Location对象的属性:
host:设置或返回主机名和当前URL的端口号。
hostname:设置或返回当前URL的主机名。
href:设置或返回完整的URL。
Location对象的方法:
reload():重新加载当前文档。
replace():用新的文档替换当前文档。
Document对象常用的属性:
referrer:返回载入当前文档的URL。
URL:返回当前文档的URL。
Document对象的常用方法:
getElementById():返回对拥有指定id的第一个对象的引用。
getElementsByName():返回带有指定名称的对象的集合。
getElementsByTagName():返回带有指定标签名的对象的集合。
write():向文档写文本、HTML表达式代码。
内置对象
系统的内置对象有Date对象、Array对象、String对象和Math对象等。
Date:用于操作日期和时间。
Array:用于在单独的变量名中储存一系列的值。
String:用于支持对字符串的处理。
Math:用于执行数学任务,包含了若干数字常量和函数。
Date对象:
1:创建日期对象
Date对象包含日期和时间两个信息,创建日期对象的基本语法有两种:
创建日期的基本语法1: var 日期实例化=new Date(参数);
创建日期的基本语法2: var 日期实例化=new Date();
Date对象的常用方法:
getDate():从Date对象返回一个月中的某一天,其值介于1到31之间。
getDay():从Date对象返回星期中的某一天,其值介于0到6之间。
getHours():返回Date对象的小时,其值介于0到23之间。
getMinutes():返回Date对象的分钟,其值介于0到59之间。
getSeconds():返回Date对象的秒数,其值介于0到59之间。
getMonth():返回Date对象的月份,其值介于0到11之间。
getFullYear():返回Date对象的年份,其值为4位数。
getTime():返回自某一时刻(2010年1月1日)以来的毫秒数。
DOM概述
什么是DOM
DOM是文档对象的缩写,和语言无关。它提供了访问、动态修改结构文档的接口,W3C制定了DOM规范,主流浏览器都支持。
使用Core DOM操作节点
访问节点:
使用getElement系列方法访问指定节点。
getElementById():返回对拥有指定id的第一个对象的引用。
getElementsByName():返回带有指定名称的对象的集合。
getElementsByTagName():返回带有指定标签名的对象的集合。
使用层次关系访问节点。
parenNode:返回节点的父节点。
firstChild:返回节点的首个节点。文本和属性节点没有父节点,会返回一个空数组,对于元素节点,若是没有子节点会返回null。
lastChild:返回节点的最后一个子节点,返回值同firstChild。
操作节点属性值
CoreDOM的标准方法包括以下两种:
getAttribute(“属性名”):获取属性值。
getAttribute(“属性名”,“属性值”):设置属性值
创建和增加节点:
创建节点
createElement(tagName):按照给定的标签名称创建一个新的元素节点
appendChild(nodeName):向以存在节点列表的末尾添加新的节点。
inserBefore(newNode,oldNode):向指定的节点之前插入一个新的子节点。
cloneNode(deep):复制某个指定的节点。
删除和替换节点
removeChild(node):删除指定的节点。
replaceChild(newNode,oldNode):用其他的节点替换指定的节点。
Table对象的属性和方法
属性:
rows[]:返回包含表格中所有行的一个数组。
rows[]用于返回表格中所有行的一个数组。
方法:
inserRow():在表格中插入一个新行。
deleteRow():从表格中删除一行。
数组
数组是具有相同数据类型的一个或多个值得集合
创建数组的语法:
var 数组名称=new Array(size);
数组的赋值的两种方式:
先声明在赋值
var province = new Array(4);
province[0]=“河北省”;
province[1]=“河南省”;
索引也可以使用标识(字符串),例如:
var province=new Array(4);
province[‘河北省’]=“河北省”;
province[‘河南省’]=“河南省”;
声明时同时初始化
var province=new Array(“河北省”,“河南省”,“湖北省”,“广东省”);
Array对象的常用属性和方法:
属性:
length:设置或返回数组中元素的数目。
方法:
join():把数组的所有元素放入一个字符串,通过一个分隔符进行分割。
sort():对数组的元素进行排序。
作者:HXGNMSL

来源:CSDN

原文:https://blog.csdn.net/HXGNMSL/article/details/89076476

版权声明:本文为博主原创文章,转载请附上博文链接!

猜你喜欢

转载自blog.csdn.net/Rai_of_dark/article/details/89371185