第一天 js学习

1-事件-操作样式
* 1. script标签的三种写法：
*       type = "text/javascript"
*       language = "javascript"
*
* 2. script标签放置在任意位置，但是要注意加载顺序，一般卸载body结束标签之前
* 3. window.onload = function (){} 当整个页面加载完毕以后再执行
* 4. js语言还可以放在标签里面，不建议使用。
* 5. console.log() 在控制台输出内容
* 6. alert()    弹窗
* 7. prompt()   弹窗，但是可以输入内容，并且可以返回输入的内容
* 8. 注释：
*      HTML: <!---->
*      CSS: //单行
*      js：和css的注释是一样的
* 9. 获取元素的方式：
*       1. document.getElementById("id名");通过id的方式获取
*       2. document.getElementsByClassName("类名");通过类名获取
*       3. document.getElementsByTagName("标签名");通过标签名获取

2-变量-数据类型

事件：
    1. 鼠标事件：
        onclick     鼠标点击事件
        onmouseenter/onmouseleave   鼠标移入/移出事件
        onmouseover/onmouseout      鼠标移入/移出事件(冒泡)
        ondblclick  鼠标双击事件
        onmousedown 鼠标按下事件
        onmousemove 鼠标移动事件
        onmouseup   鼠标抬起事件
    2. 表单事件：
        onblur  元素失去焦点
        onfocus 元素获取焦点
        onchange    用户改变表单内容
        onreset 重置按钮被点击（给form）
        onsubmit 提交按钮被点击（给form）
    3. 键盘事件：
        onkeydown   某个键按下且放开
        onkeypress  某个键按下或者按住
        onkeyup     某个键抬起
    4. 系统事件：
        onload  当页面加载完成的时候触发
        onresize    窗口被调整尺寸
        onselect    文本被选定
        onerror     当加载文档或图像发生错误时
 获取或者修改元素内容：
    innerHTML: 可以解析标签
    innerText：普通文本

 this简单认识：指向触发这个事件的对象，如果没有这个对象，就指向window

 操作样式：
    操作的行内样式
    语法：对象.style.css属性 = 值;

    浮动float(关键字)
    谷歌：oBox.style.cssFloat
    ie8:oBox.style.styleFloat

    获取类：oBox.className

3-标签属性-获取元素的其他方式

变量：
    定义  赋值  使用
    在使用之前一定要先定义
    var a  值是undefined
    没有var   直接就是语法错误，报错
    命名规则：字母、数字、下划线、$组成，但是不能以数字开头，见名知意，严格区分大小写，不能使用保留字，关键字

 变量的类型（数据类型）：
        基础数据类型（4种）：number   string  undefined   boolean
        引用类型：function   object(元素节点 数组  json null)

猜你喜欢