js初级原理

来源:互联网 发布:java的compareto 编辑:程序博客网 时间:2024/06/03 18:08

JS中如何获取元素:

1、通过ID名称来获取元素:

document(文档) get(查找) element(元素)by id(名称);

document.getElementById("");注意英文大小写,注意语法规范,不然就会报错!

  2、

3、

4、

事件分为:鼠标事件、键盘事件、系统事件(关闭、调整浏览器窗口等等..)、表单事件(input输入框文子检测)、自定义事件

onclick(点击事件)

onmouseover(鼠标移入事件)

onmouseout(鼠标移开事件)

onmousedown(鼠标向下事件)

onmousetop(鼠标向上事件)

onmousemove(鼠标抚摸事件)

.......


onload   (XX加载完之后在执行....) 原理就是浏览器按照页面顺序来执行,

1、window.onload = abc;    此方法可以让js代码存放任何位置,前提代码要放在函数里。

function abc(){ };        匿名函数      window.onload = function (){};   匿名函数适合单一独特的,命名函数可通用,从而简化更大化的去利用代码。

2、img.onload

3、body.onload

           ....



如何添加事件:

元素:onmouseover

函数:可以理解为-命令,做一些事。

function abc(){                //函数不会主动执行!

                          ........ 

                        }

1、命名后直接调用:abc();

2、事件调用:元素.事件 = 函数名 oDiv.onclick = abc;

    function (){} 函数可以不取名,称为匿名函数。


测试:alert(); 带了一个确定按钮的警告框

   alert('aaa'); 'aaa'表示字符串


变量(理解为简化代码,为代码起名。):

     例如:var li = document.ElemntById('');