摘要: 1、通过设置标签的属性,data-toggle="modal"、data-target="#isModal"。<!-- Button --> <button type="button" class="btn btn-primary" data-toggle="modal" data-target=" 阅读全文
posted @ 2021-07-12 15:48 芳香四溢713051 阅读(1336) 评论(0) 推荐(0) 编辑
摘要: //真数组转伪数组 var obj2 = {0:"张三",1:"李四",length:2}; var arr = []; [].push.apply(arr,obj2); //真数组转伪数组 console.log(arr); //伪数组转真数组 var arr = [].slice().call( 阅读全文
posted @ 2021-06-05 22:51 芳香四溢713051 阅读(90) 评论(0) 推荐(0) 编辑
摘要: <div class="greatphoto" data_id="1234534755"> <p>最后附上官方的浏览器兼容性图表,结束文章,欢迎大家指正!不胜感激!</p> <p>最后附上官方的浏览器兼容性图表,结束文章,欢迎大家指正!不胜感激!</p> <p>最后附上官方的浏览器兼容性图表,结束文 阅读全文
posted @ 2021-03-11 21:31 芳香四溢713051 阅读(334) 评论(0) 推荐(0) 编辑
摘要: HTML部分: <a onclick="changeGo('#content')">从这里出发 >></a> <div id="content" class=" ">我家在这里</div> JS部分: 方法一://滑动到指定位置 function changeGo(id){ var ele = do 阅读全文
posted @ 2021-03-11 20:17 芳香四溢713051 阅读(127) 评论(0) 推荐(0) 编辑
摘要: <div onclick='getAnchor()'>定位到锚点</div> <p style="height: 600px;">段落一</p> <p>段落二</p> <p>段落三</p> <p>段落四</p> <p>段落五</p> <div> <p>最后附上官方的浏览器兼容性图表,结束文章,欢迎大 阅读全文
posted @ 2021-03-09 23:17 芳香四溢713051 阅读(284) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div class="" style="width: 600px;margin: auto"> <div class="top"> 阅读全文
posted @ 2021-01-28 23:24 芳香四溢713051 阅读(410) 评论(0) 推荐(0) 编辑
摘要: 1.onfocus 当input 获取到焦点时触发。 2.onblur 当input失去焦点时触发,注意:这个事件触发的前提是已经获取了焦点再失去焦点的时候才会触发该事件,用于判断标签为空。3.onchange 当input失去焦点并且它的value值发生变化时触发,个人感觉可以用于注册时的确认密码 阅读全文
posted @ 2021-01-28 21:56 芳香四溢713051 阅读(2651) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/bootstrap4.5.min.css" /> <style 阅读全文
posted @ 2021-01-27 23:25 芳香四溢713051 阅读(136) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .shows{ display: none; } </style> </head> <body> <label f 阅读全文
posted @ 2021-01-27 22:27 芳香四溢713051 阅读(94) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <label for="checks"> <input type="checkbox" name="checks" id="chec 阅读全文
posted @ 2021-01-27 22:20 芳香四溢713051 阅读(119) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" conte 阅读全文
posted @ 2021-01-27 22:18 芳香四溢713051 阅读(337) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></ 阅读全文
posted @ 2021-01-27 00:58 芳香四溢713051 阅读(320) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery 复制 阅读全文
posted @ 2021-01-26 23:46 芳香四溢713051 阅读(1417) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> ul,li { list-style: none; margin: 0; padding: 0; } .tabBox { wid 阅读全文
posted @ 2021-01-26 23:19 芳香四溢713051 阅读(195) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1 阅读全文
posted @ 2021-01-26 23:15 芳香四溢713051 阅读(497) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/bootstrap4.5.min.css" /> <style 阅读全文
posted @ 2021-01-26 23:06 芳香四溢713051 阅读(80) 评论(0) 推荐(0) 编辑
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href="css/bootstrap4.5.min.css"/> <script 阅读全文
posted @ 2021-01-26 22:55 芳香四溢713051 阅读(287) 评论(0) 推荐(0) 编辑
摘要: jQuery可展开收缩三级下拉菜单 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jQuery可展开收缩三级下拉菜单</title> <style type="text/css"> *{margin: 0;padding: 0 阅读全文
posted @ 2021-01-26 22:48 芳香四溢713051 阅读(348) 评论(0) 推荐(0) 编辑
摘要: jquery 数据查询 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.12.4.min.js" type="text/javascript" charset= 阅读全文
posted @ 2021-01-26 22:43 芳香四溢713051 阅读(227) 评论(0) 推荐(0) 编辑
摘要: jQuery 文本段落展开和折叠效果 <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jQuery文本段落展开和折叠效果</title> <styl 阅读全文
posted @ 2021-01-26 22:31 芳香四溢713051 阅读(582) 评论(0) 推荐(1) 编辑