每个键盘按键都有编码，按键测试。
document.addEventListener("keydown",keydown); //键盘监听，注意：在非ie浏览器和非ie内核的浏览器 //参数1：表示事件，keydown:键盘向下按；参数2：表示要触发的事件 function keydown(event){ //表示键盘监听所触发的事件，同时传递传递参数event document.write(event.keyCode);//keyCode表示键盘编码 }
同一个列表中，改变列表项的顺序：
<ul id="myList"><li>Coffee</li><li>Tea</li><li>Water</li><li>Milk</li></ul> <p id="demo">单击该按钮改变列表项的顺序</p> <button onclick="myFunction()">点我</button> <script> function myFunction(){ var list=document.getElementById("myList"); var node=list.getElementsByTagName("li"); list.insertBefore(node[3],node[1]); } </script>
尝试一下 »
用 document.getElementById("demo").innerHTML 输出时，当 + 两边的数据类型都为 Number，则这个 + 是一个运算符。
如：
document.getElementById("demo").innerHTML = 1 + 9 + 8; // 输出为 18
但如果 + 两边的数据类型不同时，这个 + 就类似于句子里的“和”的意思。
document.getElementById("demo").innerHTML = 1 + 9 + "onlyA" + 8; // 输出 10onlyA8。
使用 innerHTML 时若与 createElement 同级并且 innerHTML 在后会出现事件无法绑定，原因是 innerHTML 后父级 DOM 重新加载。例如：
/*有问题的情况*/ function c(){ var a = document.createElement("div"); var a1 = document.createElement("div"); a1.innerText = "点我不会执行onclick"; a1.onclick = function(){alert(1)}; a.appendChild(a1); a.innerHTML += "<b></b>"; document.getElementsByTagName("body")[0].appendChild(a); } /*没问题的情况*/ function c(){ var a = document.createElement("div"); a.innerHTML += "<b></b>"; var a1 = document.createElement("div"); a1.innerText = "点我会执行onclick"; a1.onclick = function(){alert(1)}; a.appendChild(a1); document.getElementsByTagName("body")[0].appendChild(a); }
Javascript 中只能在 HTML 输出流中使用 document.write，在文档已加载后使用它（比如在函数中），会覆盖整个文档。
HTML 输出流：当前数据形式是 HTML 格式的数据，这部分数据正被导出、传输或显示，所以称为”流“。
思考: 什么是在 html 输出中使用，什么是文档加载后使用？
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <p>JavaScript 能够直接写入 HTML 输出流中：</p> <script> document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph.</p>"); </script> <p> 您只能在 HTML 输出流中使用 <strong>document.write</strong>。 如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。 </p> <button onclick="myFunction()">点击这里</button> <script> function myFunction() { document.write("调用了函数，文档被重写"); } </script> </body> </html>
例子中代码执行到 document.write 就向页面写入，文档加载完成，但未调用函数，所以不会执行函数中的 document.write，当点击按钮，触发了事件，则是在文档加载完成后使用的 document.write，则会覆盖页面中原有信息。
用 javascript 编写的代码只能通过 html/xhtml 文档才能执行，代码一行一行解析，文档在加载的过程中实际是一边加载一边用 document.write 写出内容到屏幕上，而加载完成后，document 就关闭。如果再调用 document.write 往网页上写内容的话，就会重写 document。
感谢您的支持，我会继续努力的!
支付宝扫一扫，即可进行扫码打赏哦
2528鼠标按键被松开 2 键盘事件属性 描述 DOM onkeydown
每个键盘按键都有编码，按键测试。
document.addEventListener("keydown",keydown); //键盘监听，注意：在非ie浏览器和非ie内核的浏览器 //参数1：表示事件，keydown:键盘向下按；参数2：表示要触发的事件 function keydown(event){ //表示键盘监听所触发的事件，同时传递传递参数event document.write(event.keyCode);//keyCode表示键盘编码 }2527HTML DOM insertBefore 方法
同一个列表中，改变列表项的顺序：
尝试一下 »
2526设置或者返回元素的 id element.innerHTML
用 document.getElementById("demo").innerHTML 输出时，当 + 两边的数据类型都为 Number，则这个 + 是一个运算符。
如：
document.getElementById("demo").innerHTML = 1 + 9 + 8; // 输出为 18但如果 + 两边的数据类型不同时，这个 + 就类似于句子里的“和”的意思。
如：
document.getElementById("demo").innerHTML = 1 + 9 + "onlyA" + 8; // 输出 10onlyA8。2525设置或者返回元素的 id element.innerHTML
使用 innerHTML 时若与 createElement 同级并且 innerHTML 在后会出现事件无法绑定，原因是 innerHTML 后父级 DOM 重新加载。例如：
/*有问题的情况*/ function c(){ var a = document.createElement("div"); var a1 = document.createElement("div"); a1.innerText = "点我不会执行onclick"; a1.onclick = function(){alert(1)}; a.appendChild(a1); a.innerHTML += "<b></b>"; document.getElementsByTagName("body")[0].appendChild(a); } /*没问题的情况*/ function c(){ var a = document.createElement("div"); a.innerHTML += "<b></b>"; var a1 = document.createElement("div"); a1.innerText = "点我会执行onclick"; a1.onclick = function(){alert(1)}; a.appendChild(a1); document.getElementsByTagName("body")[0].appendChild(a); }2524返回文档完整的URLdocument.write()
Javascript 中只能在 HTML 输出流中使用 document.write，在文档已加载后使用它（比如在函数中），会覆盖整个文档。
HTML 输出流：当前数据形式是 HTML 格式的数据，这部分数据正被导出、传输或显示，所以称为”流“。
思考: 什么是在 html 输出中使用，什么是文档加载后使用？
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> </head> <body> <p>JavaScript 能够直接写入 HTML 输出流中：</p> <script> document.write("<h1>This is a heading</h1>"); document.write("<p>This is a paragraph.</p>"); </script> <p> 您只能在 HTML 输出流中使用 <strong>document.write</strong>。 如果您在文档已加载后使用它（比如在函数中），会覆盖整个文档。 </p> <button onclick="myFunction()">点击这里</button> <script> function myFunction() { document.write("调用了函数，文档被重写"); } </script> </body> </html>尝试一下 »
例子中代码执行到 document.write 就向页面写入，文档加载完成，但未调用函数，所以不会执行函数中的 document.write，当点击按钮，触发了事件，则是在文档加载完成后使用的 document.write，则会覆盖页面中原有信息。
用 javascript 编写的代码只能通过 html/xhtml 文档才能执行，代码一行一行解析，文档在加载的过程中实际是一边加载一边用 document.write 写出内容到屏幕上，而加载完成后，document 就关闭。如果再调用 document.write 往网页上写内容的话，就会重写 document。