- 博客(10)
- 收藏
- 关注
原创 表格的动态创建
表格的动态创建 var t =document.createElement("table"); t.border = "1px"; for(var i=0;i<3;i++){ var tr = document.creatElement("tr"); for (var j=0;j<3;j++){ var td = document.createElement("td"); td.innerHTML = par.
2020-11-13 09:34:55
102
原创 阻止浏览器默认事件
阻止浏览器默认事件 阻止鼠标右键 <div id="box"> </div> var oBox = document.getElementById("box") //鼠标右键事件:阻止鼠标右键 document.oncontextmenu = function(evt) { console.log("xixi") var e = evt || event; oBox.style.l.
2020-11-12 21:24:09
185
原创 事件(部分)
1.事件对象 * 事件:对某个元素的某种操作 * 事件对象:当某个事件触发时产生的对象,就是事件对象 * event使用前提,必须有事件 不同的对象产生的事件不同。 * 事件对象的兼容性(通常一个事件如果需要用到事件对象,直接无脑写兼容): var e = evt || event; 2.鼠标事件对象的属性 坐标属性 pageX / pageY 相对于整个文档顶部和左侧的坐标(常用) clientX / clientY 相对于局部窗口的左侧和顶部的坐标(比较少
2020-11-12 21:22:59
77
原创 自动登录勾选
css样式 a { text-decoration: none; color: black; } div { border: 1px solid #FC0; background: #FFC; color: #900; width: 150px; display: none; .
2020-11-10 20:34:18
456
原创 表格和表单的新增
表格和表单的新增 表格的新增 标题标签 caption caption-side:top(默认)/bottom 标题的位置 <table> <caption>标题</caption> </table> 列标题 th <tr> <th>姓名</th> <th>性别</th> <th>年纪</th> <
2020-11-10 20:22:37
119
原创 盒模型
怪异盒模型 标准盒模型:box-sizing:content-box 盒子宽度 = 内容区的width+padding的左右+border的左右+margin的左右 怪异盒模型:box-sizing:border-box ie8以下不支持 盒子宽度 = 内容区的width + margin的左右 弹性盒布局(flex) 父元素 形成弹性盒 display:flex; 主轴对齐方式 justify-content flex-start 默认值 主轴起点 flex-end 主轴终点 ce
2020-11-10 20:20:33
78
原创 BOM and DOM
BOM Broswer Object Model 浏览器对象模型 windows对象常用的属性和方法 三个弹出框 特点:阻塞代码执行 alert( “内容” ) 弹出框 confirm(“提示信息”) 确认框(确定返回true,取消返回false) prompt(“提示信息”,“默认值”) 输入框(返回数值为字符串) 定时器 setInterval(执行任务,时间间隔):连续执行定时 clearI
2020-11-09 19:55:54
70
原创 ES5下的Array的全局方法(部分)
ES5下的Array的全局方法 forEach(function(item,index,array){}) // forEach:在循环数组的时候可以使用 var arr = [1, 3, 6, 9, 8] arr.forEach(function(iten, index, array) { // 本次循环出来的成员 console.log(item) //本次循环的下标
2020-11-05 10:44:38
116
原创 一个5位数,判断它是不是回文数
/*声明函数*/ function huiwen(num) { var a = parseInt(num / 10000); var b = parseInt((num - a * 10000) / 1000); var c = parseInt((num - a * 10000 - b * 1000) / 100); var d = parseInt((num -...
2020-10-29 20:49:36
207
原创 响应式布局与媒体查询
响应式布局 概念 根据不同的分辨率显示不同的样式 主要修改的样式 1、元素的隐藏与显示 2、宽度 3、浮动排列 4、文本对齐方式 5、字体大小 优点 适配性好 缺点 工作量大,会出现大量隐藏元素,导致代码冗余,一般适用于小网站 媒体查询 @media 设备类型 and (媒体特性){} 设备类型 1、all 所有的设备 2、screen 显示器/笔记本/移动端设备 3、print 打印机 媒体特性 min-widt
2020-10-29 20:13:45
132
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人