2020年10月20日

js实现无缝连接轮播图（三）使用排他思想，实现小圆点填充颜色的切换

摘要： <!-- 这个animate.js 必须写到 index.js的上面引入 --><script src="js/animate.js"></script><!-- 引入我们首页的js文件 --><script src="js/index.js"></script> HTML代码 <div class 阅读全文

posted @ 2020-10-20 12:51 sbird 阅读(659) 评论(0) 推荐(0)

js实现无缝连接轮播图（二）实现自定义属性，根据banner图片的数量动态生成小圆点

摘要： <!-- 这个animate.js 必须写到 index.js的上面引入 --><script src="js/animate.js"></script><!-- 引入我们首页的js文件 --><script src="js/index.js"></script> HTML代码 <div class 阅读全文

posted @ 2020-10-20 11:58 sbird 阅读(511) 评论(0) 推荐(0)

js实现无缝连接轮播图（一）获取左右箭头，实现显示隐藏左右箭头

摘要： <!-- 这个animate.js 必须写到 index.js的上面引入 --> <script src="js/animate.js"></script> <!-- 引入我们首页的js文件 --> <script src="js/index.js"></script> HTML代码 <div cl 阅读全文

posted @ 2020-10-20 11:22 sbird 阅读(1235) 评论(0) 推荐(0)

2020年10月14日

javascript里面的this指向问题

摘要： 1：一般情况下this最终指向调用它的那个对象、 2：全局作用域或者普通函数中的this都会指向window、 例1：console.log(this); // 在控制台输出的是BOM顶级对象 window 例2：function fn(){ console.log(this); //在函数中thi 阅读全文

posted @ 2020-10-14 14:48 sbird 阅读(167) 评论(0) 推荐(0)

2020年10月8日

js常见的事件对象的属性和方法

摘要： <style> div { width: 100px; height: 100px; background-color: pink; } </style> <div>123</div> <ul> <li>abc</li> <li>abc</li> <li>abc</li> </ul> <script 阅读全文

posted @ 2020-10-08 16:58 sbird 阅读(575) 评论(0) 推荐(0)

javascript事件对象

摘要： <style> div { width: 100px; height: 100px; background-color: red; } </style> <script> var div = document.querySelector(‘div’); div.addEventListener(‘c 阅读全文

posted @ 2020-10-08 15:22 sbird 阅读(213) 评论(0) 推荐(0)

javascript内置对象的innerText、innerHTML、join方法的认识

摘要： innerText语法规范：HTMLElement.innerText = string ;//后面的赋值是一个字符串形式 innerText是一个非标准形式，不识别HTML标签 返回值会去除空格和换行 div.innerText = ‘<strong>123</srong>’ ; //页面上输出的 阅读全文

posted @ 2020-10-08 09:47 sbird 阅读(620) 评论(0) 推荐(0)

2020年10月6日

H5自定义属性

摘要： <body> <div getTime = ‘20’ data-index = ‘2’ data-list-name = ‘nav’></div> <script> var div = document.querySelector(‘div’); console.log(div.getAttribu 阅读全文

posted @ 2020-10-06 18:12 sbird 阅读(599) 评论(0) 推荐(0)

js自定义属性的操作

摘要： <body> <div id = “demo” index = “1” class = “nav”></div> <script> //普通方式获取属性 var div = document.querySelector(‘div’); console.log(div.id); //获取元素的属性值 阅读全文

posted @ 2020-10-06 17:53 sbird 阅读(2550) 评论(0) 推荐(0)

2020年10月2日

js简单数据类型和复杂数据类型

摘要： var timer = null; //简单数据类型null 返回的是一个空的对象 object console.log(typeof timer); 1.简单数据类型 在内存中存放在栈中，在里面开辟一个空间放值。 2.复杂数据类型 首先在栈存放地址 然后地址内存指向对内存里面的数据 阅读全文

posted @ 2020-10-02 17:49 sbird 阅读(215) 评论(0) 推荐(0)

导航