09 2019 档案

操作元素
摘要：一、改变元素内容 有两种方式 innerText 和 innerHTML 相同点：这两个属性是可读写的，可以获取元素中的内容 区别： 1.innerText 在获取标签中的内容时，会去除空格和换行 非标准的 2. innerText 不识别 html 标签，如果想给插入的文本加入样式，需要使用inn 阅读全文
posted @ 2019-09-27 21:20 晴天宝宝i 阅读(220) 评论(0) 推荐(0)
事件三要素+常见的鼠标事件
摘要：1.事件是由三部分组成： 事件源 事件类型 事件处理程序 我们也称为事件三要素 （1）事件源 事件被触发的对象 谁被触发 （2）事件类型 如何触发 什么事件 比如鼠标点击（onclick），鼠标经过，键盘按下 （3）事件处理程序 通过 一个函数赋值的方式 完成 案例：点击一个按钮，弹出对话框 <bu 阅读全文
posted @ 2019-09-27 16:41 晴天宝宝i 阅读(1462) 评论(0) 推荐(0)
DOM中常见的元素获取方式
摘要：1.getElementById获取元素 返回的是一个元素对象 var timer = document.getElementById('time'); console.dir 打印返回元素对象，更好的查看里面的属性和方法 console.dir( timer ); 2.getElementsByT 阅读全文
posted @ 2019-09-27 16:06 晴天宝宝i 阅读(720) 评论(0) 推荐(0)
1.1内置对象案例
摘要：案例1：查找字符 ‘o’ 出现的位置及次数 function find(str) { var index = str.indexOf('o'); var num = 0; while (index !== -1) { console.log(index); // 位置 num++; index = str.indexOf('o', index + 1); } console.log(num); / 阅读全文
posted @ 2019-09-26 13:22 晴天宝宝i 阅读(164) 评论(0) 推荐(0)
1.内置对象
摘要：一、Math对象： 1）绝对值：Math.abs( ) 2）三个取整方法： Math.floor( ) 地板 向下取整 往小了取值 Math.ceil( ) 天花板 向上取整 往大了取值 Math.round( ) 四舍五入 其他数字都是四舍五入，但是 .5 特殊，它往大了取值 例：Math.rou 阅读全文
posted @ 2019-09-24 13:58 晴天宝宝i 阅读(185) 评论(0) 推荐(0)
0.对象
摘要：创建对象的三种方式： 1.利用 字面量 创建对象 // 固定写法： var 对象名 = { 属性名：属性值 } var obj = { // 属性名：属性值； uname : "小A"， age : 18, sayHi : function(){ console.log("hi~"); } } 2. 阅读全文
posted @ 2019-09-22 18:43 晴天宝宝i 阅读(181) 评论(0) 推荐(0)
函数和变量中的预解析
摘要：1.js引擎运行 js 分为两步，预解析 代码执行 （1）预解析 js 引擎会把 js 里面的所有的 var 还有 function 提升到当前作用域的最前面 （2）代码执行 按照代码书写的顺序 从上往下执行 2.预解析分为 变量预解析（变量提升） 和 函数预解析 （函数提升） （1）变量提升 就是 阅读全文
posted @ 2019-09-22 13:49 晴天宝宝i 阅读(686) 评论(0) 推荐(0)
H5新增input表单、表单属性
摘要：新增表单 email，Email类型 url ， Url类型 date，日期类型 time，时间类型 month，月类型 week，周类型 number，数字类型 tel，电话类型 search，搜索框 color，生成一个颜色选择表单 表单属性 required = required，必填，内容不 阅读全文
posted @ 2019-09-03 19:23 晴天宝宝i 阅读(617) 评论(0) 推荐(0)
html5新增语义化标签
摘要：新增语义化标签 <header>：头部标签 <nav>：导航标签 <article>：内容标签 <section>：块级标签 <aside>：侧边栏标签 <footer>：尾部标签 <audio>：音频标签 <video>：视频标签 1.音频标签（audio） <audio src=" snow.m 阅读全文
posted @ 2019-09-03 18:55 晴天宝宝i 阅读(780) 评论(0) 推荐(0)
浏览器兼容性问题
摘要：1、问题：div中的图片间隙（出现在IE6及更低版本中） 描述：在 div 中插入图片时，图片会将 div 下方撑大三像素 解决方法：将 < img > 转换为块级元素，给 < img >添加声明：_display：block； 2、问题：双倍浮向（双倍边距） 描述：当 IE6 及更低版本浏览器在解 阅读全文
posted @ 2019-09-03 13:55 晴天宝宝i 阅读(165) 评论(0) 推荐(0)
初识 flex 布局
摘要：开启弹性盒模式： display：flex / inline-flex； inline-flex 行内弹性盒 1、设置 flex 缩放的 限定值 min-width 最小值 min-width：280px 最小宽度不能小于280px max-width 最大值 max-width：1280px 最大 阅读全文
posted @ 2019-09-02 19:45 晴天宝宝i 阅读(251) 评论(0) 推荐(0)