随笔分类 - A007--JavaScript
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>注册页面</title> <style> * { margin: 0px; padding: 0px; box-sizing: border-box; } bo
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格全选反选</title> <style> table { border: 1px solid; width: 500px; margin-left: 30%
阅读全文
摘要：绑定有3种写法 1.元素内绑定 2.元素内绑定script中的方法 3.script中获取对象，script绑定方法。 匿名方法 有方法名的方法。 JavaScript的函数或者方法，就是一个对象。绑定对象=绑定匿名方法，引用一下
阅读全文
摘要：onsubmit 表单提交时触发 可以阻止表单的提交 方法返回false就被阻止提交，返回true和没有就能提交 第二个方法不能阻止表单提交，因为onclick处的值为false。onclick="false"，因为方法的值为false。不能直接使用阻止表单提交只有返回值为false才行，也就是re
阅读全文
摘要：onselect 用户选取文本时触发 ( <input> 和 <textarea>)onchange 该事件在表单元素的内容改变时触发( <input>,<keygen>,<select>, 和 <textarea>)
阅读全文
摘要：onkeydown 某个键盘按键被按下。 keyCode（IE）该属性声明了被敲击的键生成的 Unicode 字符码。 onkeyup 某个键盘按键被松开。onkeypress 某个键盘按键被按下并松开。 返回的是ASCII码值a65回车13
阅读全文
摘要：oncontextmenu 在用户点击鼠标右键打开上下文菜单时触发。 onmousedown 鼠标按钮被按下。 定义方法时，定义一个形参，接收event对象，此对象用于接收鼠标按下那个按钮。 对象的button属性可以获取鼠标用什么键点击的元素。左键0中键1右键2 onmouseup 鼠标按键被松开
阅读全文
摘要：onload：一张页面或一幅图像完成加载 事件会在页面或图像加载完成后立即发生。 通常用于 <body> 元素，在页面完全载入后(包括图片、css文件等等。)执行脚本代码。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
阅读全文
摘要：onblur 元素失去焦点时触发 一般用于表单校验。例如：输入用户名判断是否合法，密码安全系数 onfocus 元素获取焦点时触发
阅读全文
摘要：onclick 当用户点击某个对象时调用的事件句柄。ondblclick 当用户双击某个对象时调用的事件句柄。
阅读全文
摘要：事件概念：某些组件被执行了某些操作后，触发某些代码的执行 事件=某些操作。如：单机，双击，键盘按下了，鼠标移动了 学的是：事件的监听机制 事件源：组件。如：按钮，文本输入框 监听器：代码。进行某些操作就会执行的代码 注册监听：事件、事件源、监听器结合在一起。当事件源上发生了某个事件，则触发执行某个监
阅读全文
摘要：关于如何获取、修改、添加或删除HTML元素的标准 标签体的设置和获取 innerHTML：修改对象内容（设置获取的标签内容） 使用HTML元素对象的属性（查文档） 控制样式 修改样式方式1：style所有标签都有的属性，后跟.css属性 如果属性是两个单词用横杠连起来，font-size-->fon
阅读全文
摘要：Node：节点对象，增删改 方法 CRUD dom树 ①appendChild() 把新的子节点添加到节点的子节点列表末尾。添加（常用） ②replaceChild() 用新的节点替换一个子节点。修改 ③removeChild() 删除当前节点指定的子节点，并返回。删除（常用） ④查是documen
阅读全文
摘要：Element：元素对象，标签对象，枝叶 创建 通过document获取和创建 方法 ①removeAttribute()：删除属性 ②setAttribute()：设置属性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
阅读全文
摘要：Document：文档对象，根 创建 ①window.document②document 方法 获取Element对象： ①document.getElementById()：根据id属性值获取元素对象。id值一般唯一 ②document.getElementsByTagName()根据元素名称获取
阅读全文
摘要：Document Object Model文档对象模型，窗口中的当前页面将标记语言（HTML）文档的各个组成部分，封装为对象。可以用这些对象，对标记语言文档进行CRUD（增删改查）的动态操作 DOM就是文档对象模型 DOM:将标记语言文档一次性加载进内存，形成一个树形结构，DOM树 HTML的文档d
阅读全文
摘要：History对象：用户在浏览器当前窗口中访问过的 URL。 创建 ①window.history ②history 方法 ①back()加载 history 列表中的前一个 URL ②forward() 加载 history 列表中的下一个 URL ③ go()加载 history 列表中的某个具
阅读全文
摘要：Location地址栏对象当前对象的 URL 信息。是 window 对象的一部分 创建（获取） ①window.location ②location 方法 reload() 重新载入当前文档（当前页面） 属性 href 返回完整的URL，还可以进行修改实现跳转 <!DOCTYPE html> <h
阅读全文
摘要：特点： 不需要创建，可以直接调用 window不需要创建可以直接使用。window.方法名（）； window引用可以省略。 方法名（）； 方法： 与弹出框有关的方法 ①alert() 显示带有一段消息和一个确认按钮的警告框。 ②confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。
阅读全文
摘要：概念：Browser Object Model 浏览器对象模型 将浏览器的各个组成部分封装成对象。 浏览器对象Navigator：浏览器本事就是一个对象（用不到） 浏览器窗口对象Window：一个标签页 下面有： 地址栏对象Location 历史记录对象History：当前标签页的历史记录 DOM对
阅读全文
