2023年1月5日
2_AJAX介绍
摘要： AJAX介绍 AJAX 即 “Asynchronous Javascript And XML”（异步 JavaScript和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实 阅读全文
posted @ 2023-01-05 23:30 CodeWhisperer001 阅读(6) 评论(0) 推荐(0) 编辑
1_认识同步和异步
摘要： 什么是同步交互 首先用户向HTTP服务器提交一个处理请求。接着服务器端接收到请求后，按照预先编写好的程序中的业务逻辑进行处理，比如和数据库服务器进行数据信息交换。最后，服务器对请求进行响应，将结果返回给客户端，返回一个HTML在浏览器中显示，通常会有CSS样式丰富页面的显示效果。 优点 可以保留浏览 阅读全文
posted @ 2023-01-05 23:25 CodeWhisperer001 阅读(16) 评论(0) 推荐(0) 编辑
2023年1月4日
5.2常见事件演示
摘要： ​ 鼠标事件 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .d1{ width: 100px; height: 100px; background-color: greenyellow; } 阅读全文
posted @ 2023-01-04 10:40 CodeWhisperer001 阅读(10) 评论(0) 推荐(0) 编辑
6.3BOM中其他常见对象
摘要： ​ location对象 location对象,是window对象的一个属性,代表浏览器上URL地址栏,使用location对象可以操作地址栏 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> 阅读全文
posted @ 2023-01-04 10:33 CodeWhisperer001 阅读(8) 评论(0) 推荐(0) 编辑
6.2window对象及常用方法
摘要： ​ window对象及常用方法 什么是window对象 Window 对象描述 Window 对象简单理解就是把浏览器抽象成一个对象,它表示一个浏览器窗口或一个框架。在客户端 JavaScript中，Window 对象是全局对象，所有的表达式都在当前的环境中计算。也就是说，要引用当前窗口根本不需要特 阅读全文
posted @ 2023-01-04 10:24 CodeWhisperer001 阅读(19) 评论(0) 推荐(0) 编辑
6.1认识BOM和DOM
摘要： 6.1认识BOM和DOM 认识BOM和DOM 什么是BOM BOM是Browser Object Model的简写，即浏览器对象模型。 BOM有一系列对象组成，是访问、控制、修改浏览器的属性的方法 BOM没有统一的标准(每种客户端都可以自定标准)。 BOM的顶层是window对象 什么是DOM DO 阅读全文
posted @ 2023-01-04 10:16 CodeWhisperer001 阅读(8) 评论(0) 推荐(0) 编辑
操作标签文本
摘要： ​ innerHtml 操作双标签中间的HTML innerText 操作双标签中间的 Text value 操作表单标签值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> div{ borde 阅读全文
posted @ 2023-01-04 10:13 CodeWhisperer001 阅读(17) 评论(0) 推荐(0) 编辑
直接获取节点
摘要： ​ 直接获取节点的几种方式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> function fun1(){ // 获得document对象 var element1 =document.ge 阅读全文
posted @ 2023-01-04 10:08 CodeWhisperer001 阅读(36) 评论(0) 推荐(0) 编辑
七DOM编程学习
摘要： ​ 概念引入 什么是DOM编程 简单来说:DOM编程就是使用document对象的API完成对网页HTML文档进行动态修改,以实现网页数据和样式动态变化效果的编程. 什么是document document对象代表整个html文档，可用来访问页面中的所有元素，是最复杂的一个dom对象，可以说是学习好 阅读全文
posted @ 2023-01-04 10:05 CodeWhisperer001 阅读(13) 评论(0) 推荐(0) 编辑
8.2echarts展示数据
摘要： ​ Echarts快速使用 <!DOCTYPE html> <html style="height: 100%"> <head> <meta charset="utf-8"> <script type="text/javascript" src="js/echarts.min.js" ></scri 阅读全文
posted @ 2023-01-04 10:01 CodeWhisperer001 阅读(19) 评论(0) 推荐(0) 编辑