摘要：
1、DOM概念：document object model作用：提供了可以通过JS操作文档节点的方式 2、学习DOM包括：（1）获取节点的方式（6种）document.getElementById(); docuement.getElementSByClassName();document.getE 阅读全文
摘要：
使用DOM节点操作1、周期性创建雪花setInterval()2、雪花出现的位置随机function rand(m,n){return Math.floor(Math.random() * (n-m+1)) + m}document.documentElement.clientWidth || do 阅读全文
摘要：
var newDiv = red.cloneNode();document.body.appendChild(newDiv);注意：1、默认只克隆元素本身；设置参数为true，进行深度克隆，可以克隆元素的子元素等所有元素2、元素绑定的事件并不会随着元素的克隆而被携带 相关示例代码如下 <!DOCTY 阅读全文
摘要：
值得注意的是：节点的创建、插入以及删除都是操作父级容器。（1）创建var newDiv = documnet.createElement('div'); ——创建的元素只能操作一次 （2）插入/追加appendChild() 从尾部追加元素 red.appendChild('newDiv);inse 阅读全文
摘要：
注意点： checkbox.checked = true; checkbox.checked = false; <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>列表全选、全不选、反选</title> </he 阅读全文
摘要：
1、Ajax(Asynchronous JavaScript And XML) 异步的JavaScript和XML XML 可扩展标记语言 Ajax是常用的WEB开发技术，是联系前端和后端的桥梁 应用：搜索引擎（例如在百度里输入一个字符，下面就自动显示相关信息的列表 其实这些信息就是通过使用Ajax 阅读全文
摘要：
1、PHP Ajax跨域问题解决方法 在PHP文件里面只需要加一段代码就可以跨域了，前端该怎么写还是怎么写，post，get随便用： header("Access-Control-Allow-Origin:*"); header('Access-Control-Allow-Methods:POST' 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>相对定位实现波浪效果</title> <style> *{ margin:0; padding:0; } li{ list-style: none; } a{ 阅读全文
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>米柚导航条</title> <style> *{ margin: 0; padding: 0; } li{ list-style: none; } a{ tex 阅读全文
摘要：
导航条实现： 1、图像映射img/map/area <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>img/map/area锚点练习</title> <style> body{ margin: 0; padd 阅读全文