淤泥不染 - 博客园

2022年8月4日

摘要：超链接功能：可以被点击：样式点击后台跳转到href指定的url 需求：保留1功能，去掉2功能 href=javascript:void(0); Node结点对象，其他5个的父对象特点：所有DOM对象都可以被认为是一个结点方法：　CRUD dom appendChild()：向结点的子节点列表阅读全文

posted @ 2022-08-04 13:57 淤泥不染阅读(40) 评论(0) 推荐(0)

DOM_Document对象_创建DOM对象和DOM_Element对象

摘要：创建其他DOM对象 createAttribute() createComment(); createElement(); createTextNode(); <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> 阅读全文

posted @ 2022-08-04 11:32 淤泥不染阅读(42) 评论(0) 推荐(0)

DOM_概念和DOM_Document对象_获取Element方法

摘要： DOM概念： Document Object Model 文档对象模型将标记语言文档的各个组成部分，封装为对象，可以使用这些对象，对标记语言文档进行CRUD的动态操作 w3c DOM - 针对任何结构化文档的标准 Document：元素对象 Element：元素对象 Attribute：属性对象阅读全文

posted @ 2022-08-04 10:14 淤泥不染阅读(57) 评论(0) 推荐(0)

BOM_Location和案例3_自动跳转首页

摘要： Location:地址栏对象创建（获取） window.location location 方法： reload（）重新加载当前文档。刷新属性： href 设置或返回完整的URL HTML <!DOCTYPE html> <html lang="en"> <head> <meta charset 阅读全文

posted @ 2022-08-04 09:34 淤泥不染阅读(38) 评论(0) 推荐(0)

2022年8月3日

案例2_轮播图和BOM_wWindow_属性

摘要：分析; 1.在页面上使用img标签展示图片 2 .定义一个方法，修改图片对象的src属性 3.定义一个定时器，每隔3秒调用方法一次。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> 阅读全文

posted @ 2022-08-03 21:40 淤泥不染阅读(45) 评论(0) 推荐(0)

BOM_Window_打开关闭方法和BOW_Window_定时器方法

摘要：开调用open 关闭调用close <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <input id="openBtn" type="button" 阅读全文

posted @ 2022-08-03 17:40 淤泥不染阅读(27) 评论(0) 推荐(0)

BOM_概述和BOW_Window_弹出方法

摘要：概念：Browse Object Model 浏览器对象模型将浏览器的各个组成部分封装成对象组成： window：窗口对象 Navigator：浏览器对象 Screen：显示器屏对象 History：历史记录对象 Loction：地址栏对象 BOW_Window_弹出方法 window：窗口对象阅读全文

posted @ 2022-08-03 16:43 淤泥不染阅读(56) 评论(0) 推荐(0)

事件简单学习和案例_点灯开关

摘要：功能:某些组件被执行了某些操作后，触发某些代码的执行。造句:xxx被xxx,我就xxx 我方水晶被摧毁后，我就责备对友。地方水晶被摧毁后，我就夸奖自己。如何绑定事件 1。直接在html标签上，指定事件的属性(操作)，属性值就是js代码事件: onclick 单击事件 2．通过js获取元秦对象阅读全文

posted @ 2022-08-03 16:05 淤泥不染阅读(36) 评论(0) 推荐(0)

JavaScript_对象_Global和DOM简单学习

摘要：特点：全局对象，这个Global中封装的方法不需要对象就可以直接调用。方法名()；方法： encodeURI():url编码 decodeURI():URL解码 encodeURIComponent()：url编码的字符更多 decodeURIComponent()：url解码 parseInt 阅读全文

posted @ 2022-08-03 15:26 淤泥不染阅读(32) 评论(0) 推荐(0)

JavaScript_对象_RegExp2和JavaScript_对象_RegExp3

摘要：实现结果： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> var reg = new RegExp("\w{6,12}"); var reg2 = /^\w{6 阅读全文

posted @ 2022-08-03 13:34 淤泥不染阅读(20) 评论(0) 推荐(0)