随笔分类 - python笔记
摘要：编辑本博客 输入框，this.oninput事件监控输入框的状态 父相对定位，子元素绝对定位 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模拟tb搜索框</title> <style type="text
阅读全文
摘要：编辑本博客 obj.className=''给标签设置class属性 记得将点击事件对应的index值进行保留 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>选项卡</title> <style type=
阅读全文
摘要：编辑本博客 this.value获取表单控件值 this.onchange监控输入内容是否变化 this.appendChild()为标签添加子标签 this.getElementsByTagName()通过标签名获取所有标签，this.length统计长度，[0]取第一个元素 this.inser
阅读全文
摘要：编辑本博客 通过getElementsByClassName获取元素 通过this.style.background="red"来为元素设置样式 通过this.innerText来获取元素中文本内容或设置文本内容 <!DOCTYPE html> <html lang="en"> <head> <me
阅读全文
摘要：编辑本博客 操作DOM元素，document object model 规定浏览器中所有的标签为树状结构 模态框案例： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>模态框案例</title> <style
阅读全文
摘要：编辑本博客 定时器 定时都以毫秒为计时单位 window.setInterval()每隔指定时间执行一次代码 <script type="text/javascript"> //每隔一秒打印n的值，打印之后对n+1 var n=0 window.setInterval( function(){ co
阅读全文
摘要：编辑本博客 减少代码块 <script type="text/javascript"> function add(){ //函数体 } </script> <script type="text/javascript"> function func2(arg1,arg2){ //函数体 } </scr
阅读全文
摘要：数组：一个装东西的容器 创建数组： <script type="text/javascript"> /*字面方式创建*/ var clors=['red','yellow'] /*空数组*/ var emptyArray=[] /*使用构造函数创建,new关键字*/ var colors2=new
阅读全文
摘要：编辑本博客 if判断语句： <script type="text/javascript"> var j=10; if ("判断条件"){ // 条件成立的代码; } else{ // 条件失败的代码; } </script> switch判断： <script type="text/javascri
阅读全文
摘要：编辑本博客 数据类型 查看数据类型用typeof方法 基本数据类型：数字number，字符串string，布尔boolean，unll，undefined 引用数据类型：对象数据类型和函数数据类型 对象数据类型：数组array，对象object，正则regexp 函数数据类型：function 在J
阅读全文
摘要：变量 存储信息的容器，js变量是松散数据类型，变量可以放任何数据类型。 var声明变量。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>变量的声明与定义</title> </head> <body> </b
阅读全文
摘要：编辑本博客 JavaScript引入方式 js代码从上至下的执行 内联式： 在文档中通过<script>标签来写js代码，建议放在body结束标签之后。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js引
阅读全文
摘要：编辑本博客 z-index属性的特点 值大的压盖值小的，即最大的在最上面 只有定位的元素才有z-index属性，不管相对定位，绝对定位或者固定定位.。浮动元素没有z-index属性 值没有单位，一个正整数，默认为0。定位的元素用于压盖没有定位的元素。如果z-index值一样，则页面后面的元素压盖前面
阅读全文
摘要：编辑本博客 相对定位 postion:relative; 只设置相对定位，和标准流下的盒子没区别，设置后才能使用如下四个值。 相对于原来的位置进行移动，仅仅微调元素位置。不用相对定位做压盖效果。 top: left: right: bottom: 相对定位特性： <!DOCTYPE html> <h
阅读全文
摘要：编辑本博客 背景颜色background-color 英文名称 rgb表示法，红绿蓝值从0~255取值，rgb(0,0,0)黑色，rgb(255,255,255)白色 十六进制表示法 网站颜色代码 背景图片background-img url设置资源链接 设置图片平铺显示方式，padding区域也将
阅读全文
摘要：编辑本博客 字体大小 px：像素单位，固定大小 rem：移动端使用 em：移动端字体大小，1em为一个字体大小，文字缩进将用em单位 %：百分比，盒子不设置宽度，继承父盒子宽度，可设置为父盒子的百分比 字体粗细 bolder：加粗 lighter：纤细 100-900：逐渐加粗 normal：默认的
阅读全文
摘要：编辑本博客 margin垂直方向塌陷问题 第一个div盒子设置了margin-button:10px，下面的div盒子设置了margin-top:30px 此时中间距实际只有30px，以最大值为准，第一个盒子的margin-button的10px“塌陷”进去了。 如下方法同时满足可解决垂直塌陷问题，
阅读全文
摘要：编辑本博客 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>布局属性浮动</title> <style type="text/css"> *{ padding:0; margin:0; } .box1{ wi
阅读全文
摘要：编辑本博客 盒子模型 div{ width: 100px; height: 100px; padding: 10px; border: 1px solid red; margin: 10px; } 属性： width：指内容宽度 heigth：指内容高度 padding：边框到内容之间的距离。可以分
阅读全文
摘要：编辑本博客 继承性 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css特性</title> <style type="text/css"> .father{ color:red;/*继承*/ backgr
阅读全文
浙公网安备 33010602011771号