Js
js代码页面引入的3种方式?
1,独立js文件 外部js
2,内部script标签 内部js
3,标签内部js代码 行内js
基础语法:
输出语句
控制台输出语句:console.log();
页面输出语句:document.write();
输入语句:
弹框:
alert("");提示框
boolean=confirm(); 选择框
prompt();输入框
定义变量:
var 变量名;
数据类型:
undefined 变量声明未赋值
null 表示一个空值 object 对象
number 所有的数字
boolean true false
string 字符串
检测类型的运算符:
typeOf(参数);
string常用的方法:查阅文档
数组:
var 数组名=[];
var 数组名=new Array(数组的长度);
运算符:===(比较类型比较值)
逻辑控制语句:同java (for in for of)
函数:
预定义函数:
typeOf();
alert();
parseInt();
parsefloat();
isNaN();
等等
自定义函数:
function 函数名(形参); 函数内部用retrun语句返回值;
直接使用function定义的函数 会函数提升
调用:
函数名(实参);
arguments(函数内部数组对象 存放的传入的参数集合);
/* 匿名函数 只会执行一次*/
(function(){
alert("hello");
})();
对象:
let 对象名={
属性名:属性值,
函数名:function(){
}
};
内置对象:
Date对象;
Math对象;
let var const 区别:
var 定义变量 作用域缺陷 变量声明提升的缺陷
let 定义变量
const 定义常量
Js中的事件:
鼠标事件
键盘事件
表单事件
Js操作BOM对象:
B(Browser) O(Object) M(Model)
浏览器 对象 模型
Window对象
属性:
history
lacation
方法:
close();
open();
id=setTimeout();定时函数 执行一次
id=setInterval();定时函数 执行多次
清除定时函数:
clearInterval(id)
History对象:
方法:
back();
forward();
go(0/-1/1);
Laction对象:
属性:
host
port
href
方法:
reload();刷新
document对象:
属性:
referrer
URL
方法:
write();可以写标签 文本
getElementById("id名"); 通过id获取元素 返回一个对象
getElementsByName("name属性值"); 通过name 返回一个节点集合
getElementsByTagName("标签名");通过标签名 返回一个节点集合
innerText属性 指定元素设置文本内容 获取元素文本内容
innerHtml属性 指定元素设置文本内容 html标签 获取元素文本内容 html标签
value属性 获取输入框里面的数据
层次关系访问节点:
属性:
parentNode;父节点
(会将空格当成一个节点)
childNodes;子节点集合(包含文本节点)
firstChild;第一个子节点
lastChild:最后一个子节点
nextSibling:下一个节点
previousSibling: 上一个节点
(不会将空格当成一个节点 Element)
nextElementSibling
previousElementSibling
lastElementChild
firstElementChild
节点信息属性:
nodeName:节点名称
nodeValue:节点值
nodeType:节点类型
增删改查节点:
1,操作节点的属性
getAttribute("属性名");根据属性名获取属性值
setAttribute("属性名","属性值");设置
removeAttribute("属性名");根据属性名删除
2,创建节点:
document.createElement("标签名");
添加节点:
A.appendChild(B);将B节点添加至A节点内部的末尾
insertBefore(A,B);将A节点添加至B节点的之前
JavaScript笔记 有详细笔记可留言 后续改进
最新推荐文章于 2024-09-14 18:46:05 发布