JS入门

JS用法，

大小写敏感

弱类型语言（声明变量都用var）

1.JS中函数没有访问修饰符，没有返回值类型。方法如果没有返回值就是undefined

2.JavaScript中的null与undefined(参考资料)

3.undefined,表示一个未知状态

4.声明了但是没有初始化的该变量，变量的值是一个未知状态(undefined)。 （访问不存在的属性或对象window.xxx）

5.方法没有明确返回值时，返回值是一个undefined.

6.当对未声明的变量应用typeof运算符时，显示为undefined（*）

7.null表示尚未存在的对象,null是一个有特殊意义的值。可以为变量赋值为null，此时变量的值为“已知状态”(不是undefined)，即null。（用来初始化变量，清除变量内容，释放内存）

8.undefined==null   //结果为true,但含义不同。

9.undefined===null //false(*),先判断类型是否一致，然后判断值。

10.===严格等于、!==严格不等于

11.JS中没有方法重载，当页面中有两个重名的方法时，不管是否重载（JS中没有重载），只取后面一个方法的值（只取已经加载了的方法的值），alert有类似于阻塞的一种效果，当出现alert中有所取的方法的值的时候，alert只会调用已经加载了的方法。

12.全局变量会占内存的，一般较少使用全局变量。

13.在使用JavaScript代码时，使用这种方法<a href="javascript:function(.......);">超链接</a>

可以使页面不发生变化，只是执行js的事件

14.JavaScript数据类型：共六种：Boolean（布尔）、Number（数字）、String（字符串）、Undefined（未定义）、Null（空对象）、Object（对象类型），除了Object是引用类型以外，其他都是基本数据类型

Undefined类型、Null类型都是只有一个值的数据类型，分别为undefined与null.

15.二元运算符表示比较，>=大于等于，==比较是否相等。

16.三元运算符===表示既要比较数值也要比较类型Undefined==null是true。switch判断时，是“全等于”，===

17.

18.JS中没有块级作用域，在一个函数中定义的变量，在函数外也可以访问到。

19.如果在某个函数内定义了变量则作用域范围属于该函数。注意声明变量时使用var与不使用var的区别。

20.在函数内部，如果定义一个变量的时候没有用var 修饰定义，它也是一个全局变量。

21.匿名函数没有重载的说法，就是直接得出应该的结果（看成是两个函数）。

22.闭包既是在一个方法中再定义一个方法。内部的那个函数既被叫做闭包。通过闭包使得能够访问函数的内部变量的值。闭包比较耗内存，尽量少用。

23.JS中函数就是对象（类），对象（类）就是函数。var p=new Person();// “var p”  不是   “Person p”。p.Name=‘张三’;//动态语言，所以可以直接写。p.Age=30;p.SayHello=function() { alert(‘Hi~’); }alert(p.Name);alert(p[‘Age’]);//另外一种动态访问属性的方式。类的首字母大写。方法名小写

24.‘’，0，undefined，null的bool值都是false；

25.在JS中数组可以直接显示，通常情况下我们用遍历显示 。JS中即使之前定义了数组的长度，但是如果需要的话，他会自动的增加数组的长度。var arr=[  {"name":"steve","age":18},         {"name":"steve","age":18} 键值对，前面的name是属性，后面的steve是值。

26.Window（顶级对象）是指整个页面的所有。Document指的是body（网页）的内容，document.body.onclick范围仅限于body，document.onclick范围为整个文档。

window.setInterval(code,delay)//每隔一段时间执行指定的代码：   window.setInterval(function () {

            alert("nigao")

        },2000)

clearIntervar:停止计时器。

27.剪贴板的设置可见视频。

28.Windows.onload页面加载时（需要操作页面元素的时候就使用此方法），Windows.onbeforeunload页面卸载时触发。Window.onload=function(){var inputsObj=document.getElymentByNam(‘name’)

For(var i=0;i<inputsObj.length;i++)

{

inputsObj(i)=’24k纯帅’; }

}

25. window.onload = function () {

            document.getElementById(‘btn1‘) .onclick= function () {

                var dvobj = document.createElement(‘div‘)

                dvobj.style.width = ‘300px‘;

                dvobj.style.height = ‘100px‘;

                dvobj.style.border = ‘1px solid red‘;

                var inps = document.createElement(‘input‘);

                inps.type = ‘button‘

                inps.value=‘lallalal‘

                document.body.appendChild(dvobj);

                dvobj.appendChild(inps);

                };

        };

动态创建元素：createElyment（）（创建节点）；

Appendchild（）(创建一个子节点)

Romovechild()(删除节点)

Document.write();

Getelymentbyid();getelymentbyname();

Getelymentbuytagname(标签名)

26.innerText网页的文本内容，innerHTML网页的所有内容（连同网页效果代码）//innerText只能设置纯文本，即便写了html代码，也会对html代码进行编码，

//innerHTML可以设置html代码和纯文本。；

无刷新评论：<script type="text/javascript">

        window.onload = function () {

            document.getElementById(‘btn1‘).onclick = function () {

                //获取昵称

                var userName = document.getElementById(‘txt‘).value;

                //获取内容

                var txtcon = document.getElementById(‘textContent‘).value;

                //创建行

                var trObj = document.createElement(‘tr‘);

                //创建单元格

                var tdObj1 = document.createElement(‘td‘);

                tdObj1.innerText = userName;

                var tdObj2 = document.createElement(‘td‘);

                tdObj2.innerText = txtcon;

                //添加到表中

                trObj.appendChild(tdObj1);

                trObj.appendChild(tdObj2);

                document.getElementById(‘tb‘).appendChild(trObj);

            };

        };

</script>

寻找元素的坐标：

        window.onload = function () {

            var aObj = document.getElementById(‘al‘);

            aObj.onmouseover = function () {

                var dvObj = document.createElement(‘div‘);

                dvObj.style.width = ‘300px‘;

                dvObj.style.height = ‘200px‘;

                dvObj.style.border = ‘1px solid red‘;

                dvObj.style.position = ‘absolute‘;

                dvObj.style.left = this.offsetLeft + ‘px‘;

                dvObj.style.top = this.offsetTop + this.offsetHeight+‘px‘;

                document.body.appendChild(dvObj);

            };

        };