Java学习从Java攀登网开始!

Java攀登网-专注Java知识分享

当前位置: Java攀登网 > 前端资料 > JavaScript >

JavaScript基础教程(一)

时间:2019-02-18 21:03来源:未知 作者:java攀登网 点击:
javascript基础教程,javascript视频教程,javascript全套教程
JavaScript基础教程下载地址:https://pan.baidu.com/s/1MWTGBb3o4YxN7pIHlcR49w   

提取密码,关注公众号:springmeng,免费领取。

JavaScript基础教程(一)中的知识点,如下所示:



(1)获取元素 :
  • getElementById()----静态方法,前面只能跟随document
  • document.body,document.title ----页面上只有一个的元素
  • getElementsByTagName()-----动态方法,前面可以是document也可以跟其他元素,返回的是一个类似数组的集合
    (1)有类似数组的length
    (2)有类似数组的应用方式例如:ali[0]
    (3)再用TagName的时候必须要加上[]
    (4)所谓的动态方法,是指通过js动态添加的元素,getElementsByTagName()也可以找到
    java攀登网提示,document.getElementById是找不到的
(2)事件:
事件:鼠标事件,键盘事件,系统事件,表单事件,自定义事件等等

  • onclick
  • onmouseover
  • onmouseleave
  • onmousedown
  • onmouseout
  • onmouseup
  • onmousemove
  • ......
添加事件
元素.onmouseover
函数
java攀登网在这里举一个例子,函数可以理解为方法,工具比如

function abc(){
  /*要做的事情*/
}
  • 直接调用就是abc()
  • 事件调用: 元素.事件 = 函数名
  • 匿名函数
  元素.onmouseover = function(){}
  window.alert(1);  window.alert("ok");
变量
变量就是变化的量,由数字,字母,下划线,美元($)组成.但是开头不能用数字。定义一个变量必须用var也可以用window["xxx"]

  • var li = document.getElementById("list");
  • var num = 123;
  • var name = "leo";
(责任编辑:admin)
------分隔线----------------------------