我的JavaScript笔记

下面是我最近重新整理的JavaScript笔记，如有问题欢迎指出~
由于JQuery笔记中图片较多，不宜放在文档里，如有需求欢迎下载：https://download.csdn.net/download/CCCC18287832105/14940634

JavaScript

引入外部的<script type="text/javascript" src="1.js"></script>
在 head 标签中，或者在 body 标签中<script type="text/javascript">

1.变量 var i    i=2   i="abc"	非常灵活 以后来的为准
2.逻辑运算  a===b
3.数组  长度灵活
	var arr=[true,1,"abc"];//定义且赋值  里面可以是各种不同的值
	arr[0]=2;//单个数组赋值
	arr[4]="def";
	alert(arr.length);//长度也是灵活 *******以最大长度为准

	alert(arr);//*******能够全部出来 2,1,"abc","def"
	for (var i = 0; i < arr.length; i++) 
    {alert(arr[i]);}//一个一个出来
4.函数
第一种方法：function fun() {}   参数任意类型	return可以直接用
		function fun() {
            alert("无参函数 fun()被调用了");
        }
        function fun2(a,b) {//定义 参数要求不高 fun 函数名(参数)
            alert("有参函数 fun2()被调用了 a=>" + a + ",b=>"+b);
        }
        function fun3(num1,num2){
            var result=num1+num2;
            return result;//有返回参数的*******直接写return就好了
        }
        fun()
        fun2("yanglup",8888);//调用 *******参数要求不高  任意类型参数
        var myresult=fun3(52,33);
        alert(myresult);	

第二种方法：var 方法名=function(){} 等号在前不要函数名()
		 var fun=function () {
               alert("无参函数 fun()被调用了");
           }
           var fun2=function (num1,num2) {
               alert("有参函数 fun2()被调用了 a=>" + num1 + ",b=>"+num2);
           }
           var fun3=function (num1,num2) {
               var result=num1+num2;
               return result;
           }
            fun()
            fun2("yanglup",8888);
            var myresult=fun3(52,33);
            alert(myresult);

5.javascript里不可以重载，因为直接调用后面的
				function fun() {
                    alert("无参函数 fun()");
                }
                function fun(a,b) {
                    alert("有参函数 fun(a,b)");
                }
                fun();
                fun(1,2)//两次调用有参的    *******函数覆盖了，无论怎么写直接调用后面的
6.arguments隐形参数		真是参数：()里的第一个     隐含参数：只要传入的都可以使用arguments得到
		function fun(a) {
            alert(arguments.length);//3 *******
            alert(arguments[0]);//1
            alert(arguments[1]);//ad
            alert(arguments[2]);//true
            alert("a = " + a);//1    a是一个参数 传来3个 所以a默认第一个
        }
        fun(1,"ad",true);//有隐形参数 写几个有几个 *******真实参数从第一个开始算

7.对象
自定义对象1：对象有属性以及方法 ，可以对象名.属性/方法  
	var obj=new Object();
	obj.name="yanglup";
    obj.age=21;
    obj.myfun=function () {//对象方法
            alert("姓名：" + this.name + " , 年龄：" + this.age);
        }
     obj.myfun();//调用对象
自定义对象2：直接在{}里写属性以及方法
	 var obj={
            name:"yanglup",
            age:21,
            myfun:function () {
                alert("姓名：" + this.name + " , 年龄：" + this.age);
            }
        };//最后分号，前面用,隔开  等号变:号         以对象内写
     obj.myfun();

8.事件

事件注册：
动态注册：是指先通过 js 代码得到标签的 dom 对象，然后再通过 dom 对象.事件名 = function(){} 这种形式赋于事件 响应后的代码，叫动态注册。
静态注册：通过 html 标签的事件属性直接赋于事件响应后的代码，这种方式我们叫静态注册。

9.事件的静态注册与动态注册
方法一：一般onload两种只有一种有效

方法二：

<1>点击onclick—button

<2>焦点onblur—input

<3>onchange—select 设置select就可以了

<4>.onsubmit—form

10…获取元素

<1>getElementById—标签的id获得—可以value.innerHTML(也可以显示里面文本)

<2>getElementsByName—通过*******同一组的name—获得的时一个【数组】

<3>getElementsByTagName(“标签”) *******按照标签查找 dom对象 顺序是HTML里从上到下顺序

补充:*******getElementsByTagName() ，获取当前节点的指定标签名孩子节点
// 即 document.getElementById(“city”).getElementsByTagName(“li”); 获取city下的li 节点

<4>createElement

补充：