## if...else... if...else...互斥条件 if(判断语句) 如果满足第一个条件 执行第一个里面的方法体 如果不满足 直接执行else里面的方法体 1. if(score < 60){ 2. console...
JavaScript基本流程控制
JavaScript查找元素
每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 document 表示当前整体文档对象 1. <body> ...
DOM节点 - 文本节点
**DOM节点类型:** | 类型 | 值 | 说明 | |---|---|---| | ELEMENT_NODE | 1 | 元素节点 | | ATTRIBUTE_NODE | 2 | 属性节点 | | TEXT_NODE | 3 | 文本节点 | | COMMENT_...
DOM节点 - 元素节点
1. <ul> 2. <li>HTML5</li> 3. <li>CSS3</li> 4. <li>JavaScript</li> 5. <li>Java</li> 6. </ul> 1. var ul = document.getElementsByTagName('ul')[0] 2. var li2 = u...
DOM节点 - 属性节点
1. <!doctype html> 2. <html> 3. <head> 4. <meta charset="utf-8"> 5. <title>DOM属性节点</title> 6. <style> 7. .red-text{ 8. color: red; 9. font-size: 40px; 10...
获取页面标签
1. <!DOCTYPE html> 2. <html> 3. <head> 4. <meta charset="UTF-8"> 5. <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6. <meta http-equi...
尺寸和位置
1. <!DOCTYPE html> 2. <html> 3. <head> 4. <meta charset="UTF-8"> 5. <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6. <meta http-equi...
JavaScript对网站加载速度的影响
当考虑到移动网站排名的时候，我们通常第一个想到的因素就是网站的加载速度。而加快网站加载速度的方式，通常第一个想到的都是从图片的大小入手，这确实非常有效，但是...
使用JavaScript实现背景颜色的替换
第一种方式： 1. <!DOCTYPE html> 2. <html> 3. <head> 4. <meta charset="UTF-8"> 5. <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6. <m...
JavaScript 事件、事件流
**事件：某件事件的发生 包含鼠标操作、键盘操作等** ## 理解事件中的概念： 事件流：从页面接受事件的顺序 事件捕获 和 事件冒泡 事件捕获：不太具体的节点更早接受事...