javascript:前端解释型脚本语言;区分大小写;可以在html任意地方插入。
html中插入脚本:1. <script type="text/javascript">脚本代码</script>;2. <script src="1.js"></script>。
注释://单行注释;/* 多行注释 */。
标识符:字母,数字,_下划线,$美元符号,不能以数字开头,不能是关键字。
变量:var a=123; let b=123; const c=123; var和let都可以用来定义变量,作用域不同。x=123 ;定义变量时前面不写关键字也可以表示是一个全局变量。
常用函数:typeof(检查变量类型);isNaN(检查n是否是"非数值");==比较值;===比较值和类型;把非数值转为数值的3个函数:parseInt();number();parsefloat()。
函数格式:function 函数名(){ };
三元操作符:条件 ? 执行代码1:执行代码2;
数组:
//创建数组: //① var arrays1=new Array();//js创建数组可以不必指定数组长度.可以随时指定下标添加值. //② var array2=newArray(1,2,3,4); //③ var array3=[1,2,3];//js数组可以保存不同的数据类型.
递归:
// 递归,就是自己调用自己 // 递归要有合理的退出条件,否则就可能造成RangeError: Maximum call stack size exceeded function Add(num){ if(num == 1){ return 1; } else { return num+Add(num-1); } }
控制台打印函数:console.log("test");
DOM就是网页的对象。
操作DOM对网页进行添加元素,
1.创建元素节点:var p=document.createElement("p");
2.创建文本节点:var node=document.createTextNode(自定义文本内容);
3.将文本加入元素节点:p.appendChild(node);
4.获取元素节点:var div1=document.getElementById("div1");
5.将创建的元素节点加入已经存在的节点中:div1.appendChild(p);
//获取cookie:documen.cookie;
id函数返回一个标签对象,class函数返回一个数组对象(class.item(0)可以指定下标)。
innerHTML返回元素开始标签和结束标签之间的内容。
获取元素的属性值,ele.getAttribute("attribute")。
设置元素属性,ele.setAttribute("attribute",value)。
删除元素属性,ele.removeAttribute("attribute")。
事件:html事件,DOM 0级事件,DOM2级事件。
html事件:直接写在html标签属性里面。
0级事件:ele.onclick()=function(){};0级事件只能绑定一个监听。
2级事件:ele.addELementListener("click",funciton(){},false);2级事件可以绑定多个监听函数。
BOM:
bom里面的几个核心对象:document(文档对象),windows(窗口对象),location(位置对象),hisyory(历史对象),Screen,Navigator(浏览器对象)。
windwos对象方法使用时,可以省略前面的对象名windows。例:windows.alert("弹窗");alert("弹窗");
内置对象:
Array数组对象,String字符串对象,Math数学对象,Date日期对象。
函数:
function 函数名(参数){
//函数执行部分
}
<!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>测试网页</title> <style> body{ background-color:black; color:blue; font-family:楷体; text-align:center" } </style> <script> //onload当页面第一次加载完成,执行check函数。 function check(){ var name=navigator.appName; alert("加载完成"); document.write("<p>正在使用"+name+"浏览器</p>"); } </script> </head> <body onload=check()> <div> <marquee direction="right"> <p style="align:center">测试专用页面</p> </marquee> </div> </body> </html>