javascript

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>

简单js示例