![](https://img-blog.csdnimg.cn/20191124200853335.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
Web前端
HTML5、CSS3、JavaScript
XJHui's Blog
这个作者很懒,什么都没留下…
展开
-
flex弹性模型
flex模型是w3c最新提出的一种盒子模型,很好的解决了普通模型的一些弊端。一、比较两种盒子模型:demo:给div添加边框,观察他们的区别<body> <div class="container"></div></body>①普通模型css:* { box-sizing: content-box; ...原创 2019-11-26 22:19:07 · 214 阅读 · 0 评论 -
HTML常用API(位置信息、音频视频)
感谢:链接(讲解的很详细)位置信息1、代码:<script type="text/javascript"> navigator.geolocation.getCurrentPosition(function (position) { document.innerHTML += "经度" + position.coords.longitude+'<br/>...原创 2019-11-18 16:42:29 · 173 阅读 · 0 评论 -
Cookie和localStorage的查询、设置、修改及删除
感谢:链接(视频讲解很详细)cookie:是一种字符串表示的数据,用于在本地记录用户的基本信息(账号,密码等),具有时限性。数据的具体内容:(图源上文视频链接)localStorage:与cookie类似,都是用于浏览器存储数据,但比cookie使用更简单。cooki一、查询:1、调控台输入:(console调控台讲解:链接)document.cookie...原创 2019-11-16 15:59:46 · 1193 阅读 · 0 评论 -
AJAX的GET请求、POST请求
感谢:链接(视频讲解很详细)AJAX(Asynchronous Javascript and XML):异步的JavaScript和XML(不需要刷新网页就可以更新网页数据)XML:百度百科是一种数据格式知识点补充1、XML代码是什么:(可能你会发现和html很相似,它们的关系可以自行百度)<application android:label="@string/a...原创 2019-11-16 09:31:35 · 192 阅读 · 0 评论 -
JavaScript 定时器 取消定时器
感谢:链接(视频讲解很清晰)定时器:作用主要是一定时间间隔后,做出相关的变化,例如图片轮播。目录两种定时器的使用两种定时器区别取消定时器的方法两种定时器的使用:方法一:setTimeout·1、用法:<script type="text/javascript"> setTimeout(dosth,1000); //包含两个变量,前面为要调用的函数...原创 2019-11-13 17:27:59 · 634 阅读 · 0 评论 -
JavaScript BOM对象
感谢:链接(视频讲解很详细)BOM对象1、BOM与DOM的区别:DOM对应的是document对象,但BOM对应的是window对象,并且之前了解的对象基本都是window对象中的。例如:(定义了一个str1,通过window.str1来输出,结果相同,,所以不要小瞧window)、其它的就不一一测试了:2、BOM的location、history、navigato...原创 2019-11-11 22:05:13 · 153 阅读 · 0 评论 -
JavaScript常用项目(更新至19.11.17)
目录项目一:鼠标拖动方块项目二:网页显示键入字母项目三:实现滚播图项目四: 本地数据记事本项目一:鼠标拖动方块代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <style type="text/css"> body,html{...原创 2019-11-10 22:39:27 · 195 阅读 · 0 评论 -
JavaScript触发器
感谢:链接(视频讲解很详细)JavaScript触发器一、功能顾名思义就是操控鼠标或键盘触发(实现)一些特定功能。二、功能实现<script type="text/javascript"> var changeColor=function () { document.body.style.backgroundColor='purple'; } docum...原创 2019-11-10 20:24:23 · 1615 阅读 · 0 评论 -
JavaScript选择器和节点操作
感谢:链接(视频讲解很清晰)下文中讲解用到Chrome中的console调试台,如果不懂最好先看一下:链接JavaScript选择器作用:选取html中的标签等内容,最重要的还是为节点的操作(增删查改)做准备。常用选择器:1、id选择器(document.getElementById( );)例如从下面的网页中找到 id='d0 '的标签:<body>...原创 2019-11-09 22:17:46 · 398 阅读 · 0 评论 -
Chrome浏览器 Console调试台的简单使用
打开调试台方法1:在chrome浏览器中打开网页,按下F12,点击下图框选内容。方法2:浏览器中鼠标右键选择查看网页源代码后,再按上图操作。调试台的功能(因为是第一次使用这个调试台,只能罗列一些简单的功能,但用于调试JavaScript代码足够了。)1、console.log(name);//作用是在调试台中显示name的值(在js中调用)<sc...原创 2019-11-09 16:31:46 · 5298 阅读 · 1 评论