摘要: 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume 阅读全文
posted @ 2020-07-09 21:00 石海莹 阅读(186) 评论(0) 推荐(0) 编辑
摘要: ## 面向对象 面向过程 类 ## 对象 【键值对,属性名,属性值】 ## 创建对象 ## 1.字面量创建对象 根据特征 var obj = { name:'aa', fn:function(){} } console.log(obj.name); obj.fn(); 缺点: 不适合创建大量对象,会 阅读全文
posted @ 2020-07-09 20:57 石海莹 阅读(151) 评论(0) 推荐(0) 编辑
摘要: 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume 阅读全文
posted @ 2020-07-09 20:53 石海莹 阅读(265) 评论(0) 推荐(0) 编辑
摘要: 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume 阅读全文
posted @ 2020-07-09 20:51 石海莹 阅读(348) 评论(0) 推荐(0) 编辑
摘要: 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume 阅读全文
posted @ 2020-07-09 20:48 石海莹 阅读(173) 评论(0) 推荐(0) 编辑
摘要: 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume 阅读全文
posted @ 2020-07-09 20:39 石海莹 阅读(185) 评论(0) 推荐(0) 编辑
摘要: 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume 阅读全文
posted @ 2020-07-09 20:37 石海莹 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume 阅读全文
posted @ 2020-07-09 20:34 石海莹 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume 阅读全文
posted @ 2020-07-09 20:32 石海莹 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 代码效果: 窗口扩大、缩小,滚动条上下、左右移动,盒子都居中显示 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini 阅读全文
posted @ 2020-07-09 20:26 石海莹 阅读(195) 评论(0) 推荐(0) 编辑
摘要: 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume 阅读全文
posted @ 2020-07-09 20:19 石海莹 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume 阅读全文
posted @ 2020-07-09 20:16 石海莹 阅读(461) 评论(0) 推荐(0) 编辑
摘要: ## 事件基础 元素.事件类型 = function(形参){ 注:事件函数中的形参 代表 该元素发生事件的事件对象 ,一般事件做兼容 var 事件兼容名 = event || 形参 } 元素.事件类型 = 函数名 事件关键字:event【只要发生事件,就有event】 ## 事件中的部分属性 cl 阅读全文
posted @ 2020-07-09 20:10 石海莹 阅读(169) 评论(0) 推荐(0) 编辑
摘要: 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume 阅读全文
posted @ 2020-07-09 20:04 石海莹 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume 阅读全文
posted @ 2020-07-09 20:00 石海莹 阅读(267) 评论(0) 推荐(0) 编辑
摘要: ## BOM 由 Browser Object Model(浏览器对象模型) 简写而来 ,它提供了很多对象,用于访问浏览器的功能,没有规范,BOM的核心是window。所有浏览器都支持window对象,在浏览器中,window对象有双重角色,他是通过Javascript访问浏览器的一个接口,又是EC 阅读全文
posted @ 2020-07-09 19:51 石海莹 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docume 阅读全文
posted @ 2020-07-09 19:47 石海莹 阅读(302) 评论(0) 推荐(0) 编辑
摘要: ## DOM操作 document object model 文档对象模型 操作节点,标签 ## 获取子元素 1.childNodes 子节点(包含文本节点) 父元素.childNodes; 2.children 子节点(不包含文本节点) 父元素.children; ## 获取父元素 1.paren 阅读全文
posted @ 2020-07-09 19:41 石海莹 阅读(198) 评论(0) 推荐(0) 编辑