html基础
关注
分享
扫一扫
文章平均质量分 60
hello big_bear
这个作者很懒，什么都没留下…
展开
-
前端iframe标签的妙用
iframe基本使用：iframe主要是在游览器的页面中划分出一部分地方用来放其他页面。打个比方如果想在自己做的页面里面嵌入淘宝的首页，那就把src设置为淘宝的链接。记得要设置一下class样式，不然默认高度为0就不会显示出来了。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>这是一个iframe</title> </head> &l原创 2021-10-28 16:41:49 · 775 阅读 · 0 评论 -
html如何设置网页的背景图片
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> *{ padding: 0; margin: 0; } .big_box{ height: 100vh; background: url('./框架文件/three原创 2021-10-09 14:46:51 · 16744 阅读 · 1 评论 -
js使用sort()进行对象数组的排序
代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>对象数组的排序</title> </head> <body> <button type="button" onclick="a()">根据年龄升序</button> <button type="button" onclick="b()"原创 2021-09-09 10:05:51 · 1082 阅读 · 0 评论 -
介绍几个90%算法题会用到的js函数，必须掌握的基础！！！
一、splice()作用：splice()，用于对数组进行新增、替换、删除的操作。第一个参数表示操作的位置，第二个参数表示操作数量、第三个参数和之后的是替换的元素1、删除数组中的指定元素 <script> let arr = ['abc','qwe','123',555,undefined,777] console.log(arr)//['abc','qwe','123',555,undefined,777] arr.splice(0,1)//参数0指从数组下标为0的位置开始，参数1原创 2021-09-03 16:39:12 · 202 阅读 · 0 评论 -
includes()的使用场景和作用。
问题：当在做逻辑判断的时候，发现不同状态下，会执行这个状态对应的操作，如果非常乱的时候，可以使用includes()来判断什么状态下应该执行什么样的操作。场景：应用场景:发送请求从后端拿到一个数据(状态),根据这个数据的数据(状态)来进行对应的操作. <script> /* */ var num = 7;//假设这是一个从后端拿到的数据，表示星期几 if([1,3,5].includes(num)){//如果星期一、三、五吃饭堂 console.log('吃饭堂原创 2021-08-31 18:30:50 · 19469 阅读 · 0 评论 -
js实现数组去重，超容易理解
我想很多人都刷过数组去重的面试题吧，数组去重是面试中的基础题。简单快速学一点点知识。1、通过set方法实现。（写最少的代码）<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>数组去重</title> </head> <body> </body></html><script> var原创 2021-08-05 18:02:27 · 218 阅读 · 0 评论 -
使用原生js实现的简易计算器
使用原生js实现的简易计算器代码：<!doctype html> <html> <head> <meta charset='UTF-8' /> <title>简易计算器</title> </head> <style type="text/css"> body, ul, li,select { margin: 0; padding: 0; b原创 2021-08-03 16:24:06 · 345 阅读 · 0 评论 -
使用原生js实现抽号、抽奖的功能，Math.random()的使用
代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>抽学号</title> </head> <body> <div id='a1'> <span id="data"></span> </div> <button onclick="handlechange原创 2021-07-28 17:15:00 · 1187 阅读 · 0 评论 -
必须要懂的，在前端开发中比较常用的几个方法
学习内容：1、 数组或者对象合并（深拷贝）2、 数组或者对象解构3、 map()方法的使用数组合并（深拷贝）：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body> <script> let arr = ['a','b','c原创 2021-07-06 11:48:25 · 296 阅读 · 0 评论 -
什么是节流与防抖、用例子说明
例子：拷贝代码，按f12查看打印的数据。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>节流与防抖</title> </head> <body> <button id="a1">提交</button>（模拟表单提交） <br /><br /> 输入框：<inpu原创 2021-06-16 16:40:28 · 901 阅读 · 0 评论 -
模仿csdn博客头部的代码
效果图：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>模仿csdn头部</title> </head> <style> body{ padding: 0; margin: 0; min-width: 1500px; } .head{ height: 50px; width:原创 2021-04-28 09:51:24 · 1331 阅读 · 2 评论 -
在一个div中使用多个样式
目标：如何在一个div中使用多个样式代码： <!doctype html><html> <head> <title>div使用多个样式</title> <meta charset="utf-8" /> </head> <body> <div class="box border"></div> </body原创 2021-04-14 17:34:56 · 2151 阅读 · 0 评论 -
如何让div盒子或文字居中显示
学习目标：让div盒子居中的方法和让文字居中显示的方法学习内容：提示：这里可以添加要学的内容例如：1、 让div盒子水平垂直居中的方式2、 让文字水平垂直居中的方式div居中：通过在大盒子设置flex布局让div居中显示<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>让div居中的方法</title> </head>原创 2021-04-08 18:14:19 · 13111 阅读 · 2 评论 -
如何在url带参数进行跳转，并在另外一个页面接收数据打印出来
学习目标：如何在url带参数进行跳转，并在另外一个页面接收数据打印出来。（从一个页面通过url的方式把数据发送到另外一个页面来接收）学习内容：a页面代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>a页面</title> </head> <body> book1:<input type="text"原创 2021-04-01 17:10:25 · 2293 阅读 · 1 评论 -
如何在一个大的div盒子里面设置左右两个小div盒子模块。
学习目标：如何在一个大的div盒子里面设置左右两边两个小div盒子。学习内容：1、 通过flex实现效果2、 通过浮动实现效果3、 通过绝对定位实现效果方法一：通过flex布局实现：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>通过flex布局实现</title> </head> <body> &l原创 2021-04-06 18:24:03 · 32720 阅读 · 11 评论