使⽤typeof操作符获取基本数据类型 遇到引用类型的话 处理的就是对象 7函数 ? 三种定义方法: ? 使用的话注意一个特殊的调用 ?...---- 创建节点 常用： document.createElement("标签名"); 插入节点 使用方法： 父节点.appendChild(); 父节点.appendChild(...onerror 在加载文档或图像时发生错误。 onfocus 元素获得焦点。 onkeydown 某个键盘按键被按下。 onkeypress 某个键盘按键被按下并松开。...onkeyup 某个键盘按键被松开。 onload 一张页面或一幅图像完成加载。 onmousedown 鼠标按钮被按下。 onmousemove 鼠标被移动。...onmouseup 鼠标按键被松开。 onreset 重置按钮被点击。 onresize 窗口或框架被重新调整大小。 onselect 文本被选中。 onsubmit 确认按钮被点击。
writeln() 等同于 write() 方法，不同的是在每个表达式之后写一个换行符。...为了保证未来的代码安全，您应该避免在属性对象上使用节点对象的属性和方法： 属性 / 方法 避免的理由 attr.appendChild() 属性没有子节点。...onerror 在加载文档或图像时发生错误。 onfocus 元素获得焦点。 onkeydown 某个键盘按键被按下。 onkeypress 某个键盘按键被按下并松开。...onkeyup 某个键盘按键被松开。 onload 一张页面或一幅图像完成加载。 onmousedown 鼠标按钮被按下。 onmousemove 鼠标被移动。...onmouseup 鼠标按键被松开。 onreset 重置按钮被点击。 onresize 窗口或框架被重新调整大小。 onselect 文本被选中。 onsubmit 确认按钮被点击。
【引用类型】 引用类型通常叫做类（class），也就是说，遇到引用值，所处理的就是对象。 JavaScript是基于对象而不是面向对象。对象类型的默认值是null....JavaScript提供众多预定义引用类型（内置对象）。 1.2.2.3 运算符 JavaScript运算符与Java运算符基本一致。 算术运算符 ? 赋值运算符 ? 比较运算符 ? 逻辑运算符 ?...confirm()显示带有一段消息以及确认按钮和取消按钮的确认框。 确认框： 确定返回true 取消返回falseprompt()显示可提示用户输入的提示框。...onmousedown 某个鼠标按键被按下onmouseup 某个鼠标按键被松开onmouseover 鼠标被移到某元素之上onmouseout 鼠标从某元素移开onmousemove 鼠标被移动 参考...onmousedown 某个鼠标按键被按下onmouseup 某个鼠标按键被松开onmouseover 鼠标被移到某元素之上onmouseout 鼠标从某元素移开onmousemove 鼠标被移动 参考
--在href中填入#或javascript:void(0);都可以使超链接对象不跳转，只保留点击效果--> 删除子节点 <a href...(td_id); tr_stu.appendChild(td_name); tr_stu.appendChild(td_sex);...onmouseup 鼠标按键被松开。 键盘事件 onkeydown 某个键盘按键被按下。 onkeypress 某个键盘按键被按下并松开。...onkeyup 某个键盘按键被松开。 选中和改变 onchange 域的内容被改变。 onselect 文本被选中。 表单事件 onsubmit 确认按钮被点击。...onreset 重置按钮被点击。 演示网址
Window对象是客户端JavaScropt最高层对象之一，由于window对象是其他大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。...提示框 提示框经常用于提示用户在进入页面输入某个值。 当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操作。...语法： prompt("请在下方输入","你的答案") 计时相关 通过使用JavaScript，我们可以在一定时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。...应用场景: 当用户在最后一个输入框按下回车按键时,表单提交. onkeypress 某个键盘按键被按下并松开。 onkeyup 某个键盘按键被松开。...onselect 在文本框中的文本被选中时发生。 onsubmit 确认按钮被点击，使用的对象是form。
BOM Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。...语法： prompt("请在下方输入","你的答案") 计时相关 通过使用 JavaScript，我们可以在一定时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。...clearTimeout() 语法： clearTimeout(setTimeout_variable) 举个例子： // 在指定时间之后执行一次相应函数 var timer = setTimeout(...应用场景: 当用户在最后一个输入框按下回车按键时,表单提交. onkeypress 某个键盘按键被按下并松开。 onkeyup 某个键盘按键被松开。...onselect 在文本框中的文本被选中时发生。 onsubmit 确认按钮被点击，使用的对象是form。
，页面还没有完全加载 window.onload事件会在整个页面加载完成之后，才会触发，将对应的script代码，写在里面，可以确保script代码可以在页面加载完成之后，才会执行 按钮2 按钮3... //写一个通用按钮的回调函数 //str: 按钮的id //function:回调函数...var lx=event.clientX-obj.offsetLeft; var ly=event.clientY-obj.offsetTop; //当触发鼠标按下事件之后...document.onmousemove=null; //取消鼠标松开事件。
confirm() 显示带有一段消息以及确认按钮和取消按钮的对话框。...window.方法名(); window引用可以省略。...removeAttribute()：删除属性 2. setAttribute()：设置属性 Node：节点对象，其他5个的父对象 特点：所有dom对象都可以被认为是一个节点 方法 CRUD dom树： appendChild...鼠标事件 onmousedown 鼠标按钮被按下。 onmouseup 鼠标按键被松开。 onmousemove 鼠标被移动。 onmouseover 鼠标移到某元素之上。...onkeyup 某个键盘按键被松开。 onkeypress 某个键盘按键被按下并松开。 选择和改变 onchange 域的内容被改变。 onselect 文本被选中。
方法 ① appendChild() 向节点的子节点列表的结尾添加新的子节点。 ② removeChild() 删除（并返回）当前节点的指定子节点。...鼠标事件 ① onmousedown 鼠标按钮被按下。 ② onmouseup 鼠标按键被松开。 ③ onmousemove 鼠标被移动。...② onkeyup 某个键盘按键被松开。 ③ onkeypress 某个键盘按键被按下并松开。 6. 选择和改变 ① onchange 域的内容被改变。...表单事件： ① onsubmit 确认按钮被点击。 ② onreset 重置按钮被点击。 六、示例 //动态添加表格数据，实现全选 <!...var but = document.getElementById("but"); //设置按钮单击事件 but.onclick = function
Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。...语法： prompt("请在下方输入","你的答案") 计时相关 通过使用 JavaScript，我们可以在一定时间间隔之后来执行代码，而不是在函数被调用后立即执行。我们称之为计时事件。...clearTimeout() 语法： clearTimeout(setTimeout_variable) 举个例子： // 在指定时间之后执行一次相应函数 var timer = setTimeout(...应用场景: 当用户在最后一个输入框按下回车按键时,表单提交. onkeypress 某个键盘按键被按下并松开。 onkeyup 某个键盘按键被松开。...onselect 在文本框中的文本被选中时发生。 onsubmit 确认按钮被点击，使用的对象是form。
返回值是一个数组 write() 向文档写 HTML 表达式 或 JavaScript 代码 writeln() 等同于 write() 方法，不同的是在每个表达式之后写一个换行符 createAttribute...1.3.1 常用方法 方法 描述 appendChild() 向元素添加新的子节点，作为最后一个子节点 removeChild() 从元素中移除子节点 replaceChild() 替换元素中的子节点...1.4 Attribute 在 HTML DOM 中，Attribute 对象表示 HTML 属性。HTML 属性始终属于 HTML 元素。...某个键盘按键被按下 onkeyup 某个键盘按键被松开 onkeypress 某个键盘按键被按下并松开 选择和改变 事件 描述 onchange 域的内容被改变 onselect 文本被选中 表单事件...事件 描述 onsubmit 确认按钮被点击 onreset 重置按钮被点击 1.5.2 示例 //动态添加表格数据，实现全选 <!
并且在浏览器加载html文件中的所有标签时，把html文件中的所有标签页加载成不同的标签对象，以及标签中的属性，也加载成属性对象，标签中的文本也加载成文本对象。...浏览器在加载某个标签时，标签的文本数据，被加载成当前标签的一个子标签。当我们把一个html文件加载完成之后，他们就得到这个html文件中的所有标签，属性，文本对象。...在浏览器把html文件加载完成之后，标签被称作标签对象（元素节点），标签中的文件称为文本节点（文本对象），标签的属性称为属性节点（属性对象）。...document对象 Document对象代表整个html文档，可用来访问页面中的所有元素 快速获取html中的页面的标签对象 document.getElementById() 返回指定id对象的引用...某个键盘按键被按下 onkeyup 某个键盘按键被松开 onkeypress 某个键盘按键被按下并松开 改变事件 事件 描述 onchange 域的内容被改变 表单事件 事件 描述 onsubmit
与定时器有关的方式 setTimeout() 在指定的毫秒数后调用函数或计算表达式。...window.方法名(); * window引用可以省略。 方法名(); 4. Location：地址栏对象 1..... setAttribute()：设置属性 * Node：节点对象，其他5个的父对象 * 特点：所有dom对象都可以被认为是一个节点 * 方法： * CRUD dom树： * appendChild...鼠标事件： 1. onmousedown 鼠标按钮被按下。 2. onmouseup 鼠标按键被松开。 3. onmousemove 鼠标被移动。...2. onkeyup 某个键盘按键被松开。 3. onkeypress 某个键盘按键被按下并松开。 6. 选择和改变 1. onchange 域的内容被改变。
与定时器有关的方式 setTimeout() 在指定的毫秒数后调用函数或计算表达式。...window.方法名(); * window引用可以省略。 方法名(); 4. Location：地址栏对象 1....setAttribute()：设置属性 * Node：节点对象，其他5个的父对象 * 特点：所有dom对象都可以被认为是一个节点 * 方法： * CRUD dom树： * appendChild...鼠标事件： 1. onmousedown 鼠标按钮被按下。 2. onmouseup 鼠标按键被松开。 3. onmousemove 鼠标被移动。...2. onkeyup 某个键盘按键被松开。 3. onkeypress 某个键盘按键被按下并松开。 6. 选择和改变 1. onchange 域的内容被改变。
timer计时器 function closeTimer(){ clearInterval(timer); } 5、setTimeout(method, delay); //deay毫秒之后执行...浏览器是一边下载文档、一边解析执行，可能会出现JavaScript执行时需要操作某个元素，这个元素还没有加载，如果这样就要把操作的代码放到body的onload事件中，或者可以把JavaScript放到元素之后...document.getElementById("控件Id")来获取标签对象 8、事件：onclick(单击)、ondblclick(双击)、onkeydown（按键按下）、onkeypress(按下按键）、onkeyup（松开按键...= "提交"; //设置按钮值 document.appendChild(btn); //将按钮添加到文档中 13、不同浏览器中对DOM支持的方法不一样 获取网页中那个元素触发了事件，在IE...中使用srcElement; 在FireFox里使用target 使用Dom获取和更改网页标签元素内文本，在IE中使用innerText; 在FireFox里使用textContent 动态为网页或元素绑定事件
javascript"> function func_keydown() { alert("你按下了键"); } function func_keyup() { alert("你松开了键..."); } function func_keypress() { alert("你按下并松开"); } function keycode(){ if... 设置单次定时器: 以下案例,实现当点击删除按钮时,屏幕提示删除成功,在5秒后自动的隐藏标签....: 将鼠标放到按钮上,即可显示出按钮的详细信息....(node_text); docFragment.appendChild(node); document.body.appendChild(docFragment); } }
Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。... 可以通过用户输入的内容来判断我们怎么去进行后面的操作 除了那个警告框（用的也不都），其他的都很少用，比较丑陋，了解一下就行 计时相关（比较重要） 通过使用 JavaScript，我们可以在一定时间间隔之后来执行代码...clearTimeout() 语法： clearTimeout(setTimeout_variable) 举个例子： // 在指定时间之后执行一次相应函数 var timer = setTimeout...应用场景: 当用户在最后一个输入框按下回车按键时,表单提交. onkeypress 某个键盘按键被按下并松开。 onkeyup 某个键盘按键被松开。...onselect 在文本框中的文本被选中时发生。 onsubmit 确认按钮被点击，使用的对象是form。
工具条也是分为三个部分，一是左侧的搜索框，二是中间的分割线，三是右侧的点击按钮。...} }, 'separator', { label: 'Sort by price', type: 'toggle',//toggle表示开关按钮...组件之上，一般用于Drog And Drop的拖拽操作判断 //这边做了两个判断，一个是鼠标在拖拽的时候未松开，一个是鼠标拖拽的时候松开了。...if(lastFaceInfo){//鼠标未松开的情况下，贴图显示旧值 //data.face 默认值为front，图标在3D下的朝向，可取值left|right|top...lastFaceInfo = faceInfo; } } } } else{//拖拽结束之后
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
云直播
