JavaScript基础（笔记）

时间 2020-03-27

原文原文链接

1.3JavaScript基础
1.3.1DOM的相关知识
DOM的含义:Document Object Model,文档对象模型，
文档:指的是标记文档(html ,xml)
対象:能够使用dom里面的相关属性和方法来解析标记性文档.
Dom的组成:核心Dom,Html Dom ,XML Dom.
Dom如何解析html文档:
DOM会根据html的层级结构，在内存中造成一个树形结构，树形结构里面有标记元素和属性文本等元素，
整个html文档对应一个document对象，经过document文档对象，能够操做html里面获得全部元素。
2.节点的访向:
节点対象. childNodes :获取该节点的全部子节点。
节点対象. parentNode:获取该节点的父节点。
3.荻取文档中的元素:
下面的方法是html dom的方法
根据标记的id属性值获取元素对象: document.getElementById(id属性对应的值);
根据标记的名称获取元素对象: document.getElementsByTagName(标记的名称);
根据标记的name属性值获取元素对象: document. getElmentsByName(name属性对应的值);
1.3.2 JavaScript概述
什么是js：它是基于对象和事件驱动的语言，它应用于客户端。
基于对象:在js里面提供了一些对象，能够直接使用。
面向对象:在java里面先建立对象，再使用。
事件驱动: js里面它触发事件，调用函数，实现网页里面的动态效果。
***客户端:浏览器。
javaScript和java的区别(雷锋塔和雷锋) :javascript

javaScript是网景的产品，java是sun公司的产品，如今oracle.
javaScript的运行只要系统里有浏览器就能够了。java的运行依赖于虚拟机。
javaScript是弱类型语言，java是强类型语言。
弱类型语言:在js里面，全部的变量都用var定义，好比: var a=10;var b="hello js"强类型语言:在java里面，int a=10; int b="hello java" 错误的写法。
javaScript的组成: .
EcmaScript:规范了js的基于语法。
Bom: Browser Object model ,浏览器对象模型，操做浏览器。
Dom: Document 0bject model，文档对象模型，操做文档。
js做用:它是给网页增长动态效果。
1.内嵌式:
在网页里，引入js代码的基本语法: <script type="text/javascript"> js代码</script>
在上述代码中，type属性是用来指定HTML文档引用的脚本语言类型，当type属性的值为text/Javascript时，表示<script></script>元素中包含的是Javascript脚本。
2.外链式:
在网页里，引入外部的js文件的语法: <script type=" text/javascript" src="js文件的url"></script>
操做步骤: 1.建立-一个js文件，2. 在script标记里面，使用src属性来引入外部的js文件。
好比:
<head>
<title>insert title here</title>
<script type="text/javaScript" src= " demo01. js"></script>
</head>
<body>
<br/>
来学习javaScript
</body>
3.js里的数据类型:
Number :数字类型
String :字符串类型
Object:对象类型
null:空类型
undef ined:未知的类型
Boolean :布尓类型
好比:
var a=10;
// alert(typeof a);
var b="hello js";
// alert(typeof b)
var c=null;
// alert(typeof f);
var d;
// alert(typeof d)
var e=true;
alert(typeof e)
4.变量
在js里面定义变量都用var来定义。
5.运算符

算术运算符: + - * / 等等
比较运算符: > < >= <=等等
逻辑运算符: && ||等等
赋值运算符: += -=等等
注意: var a=10;var b="0"; var c=a-b;在进行减法(乘除法)操做时，会把string类型的值，转换为number型。
6.条件语句:
if ,if else,if else if else等语句
其它语句: for语句。switch case语句等等
好比:
var a3=10;
var b3=20;
if(a3==b3){
alert("相等的是10");
}else{
alert("other---")
1.3.3 JavaScript的使用
1.函数的定义和使用
在js里面定义函数的三种方式：
（1）建立普通函数
语法：function add(a,b){
var sum=a+b;
return sum;
}
（2）建立匿名函数
语法：var add2=function(a,b){
var sum=a+b;
return sum;
}
（3）建立动态函数：
语法：a.定义函数的参数:
var param=’’a,b’’;
b.建立函数体:
var method=”var sum=a+b;return sum;”
c.动态函数:
var add =new Function(param,method);
2.事件处理
事件：经过触发事件，去调用相关的函数，来实现网页的动态效果。
若是在网页里面去触发事件？
在网页里面绑定事件经常使用的两种方式：
(1)直接经过事件绑定函数。
好比：<input type=”button” name=”btn” value=”点我” onclick=”add()” >;” />
Function add() {alert(“点我啊”);}
(2) 经过给事件属性赋一个函数
好比：<input type=”button” name=”bbs” value=”aa” id=”inputID” >;” />
document.getElementById(“inputID”)onclick=function(){
alert(“点我了么”);
}
经常使用事件：
（4）点击事件：onclick
（5）失去焦点事件：onblur
（6）获取焦点：onfocuse
（7）键盘事件：onkeyup onkeydown onkey press
（8）页面加载事件：onload
（9）鼠标事件：onmouseout onmouseover onmousemove
3.经常使用对象
A.window对象：
经常使用的属性：history，document，navigator，location，screen
好比：var aa=window.location.href;
alert(aa);
经常使用的方法：
设置定时器方法：
Var id1=setInterval(js代码，时间)：每隔一段时间循环执行对应的js代码
Var id2=setTimeout（js代码，时间）：每隔一段时间，只执行一次对应的js代码
消除定时器的方法：
ClearInterval(id1)
clearTimeout(id2)
B.Date对象：
使用方法和Java差很少
Var myDate=new Date();
获取年份：myDate.getFullYear();
获取月份:myDate.getMonth();
获取天：myDate.getDay()
C.String对象
获取字符串的长度：
Length
与HTML相关的方法：
字体加粗：bold();字体变大：big();
与Java类似的方法：
IndexOf(),concat(),substr(),substring()html