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)