首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
【
JS错误记录 - 微博发布
】的更多相关文章
JS错误记录 - 微博发布
<style> *{ margin: 0; padding: 0;} #ul1{ width: 400px; height: 400px; border: 1px solid #000; margin: 10px auto; padding: 4px; overflow: hidden; } /* #ul li 选择器写错了!!! */ #ul1 li{ border-bottom: 1px #999 dashed; padding: 4px; list-style: none; overfl…
点滴积累【JS】---JS小功能(JS实现模仿微博发布效果)
效果: 思路: 利用多功能浮动运动框架实现微博效果,首先,将textarea中的属性添加到新创建的li里面然后,再将li添加到ul里面,再利用浮动运动框架将数据动态的显示出来. 代码: <head runat="server"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } #ul1 { width: 300px; height…
JS错误记录 - 右侧悬浮框 - 缓冲运动
本次练习错误总结: 1. 正确: startMove( document.documentElement.clientHeight - oDiv.offsetHeight + scrollTop); 错误: startMove(document.documentElement.clientHeight - oDiv.offsetTop + scrollTop); startMove(iTarget); 这个函数的目标点 iTarget 应该是 可视窗高度 – div的高度 + 滚动条上方的滚动…
JS错误记录 - dom操作 - 排序
本次练习错误总结: 1. for循环要套到按钮的onclick里面,否则onclick点击事件无法依次执行. 2. var n1, var n2 这两个变量是arr.sort排序使用的,所以应该放在sort() 函数里面. 3.arr.sort(function (li1,li2) 这个排序函数的li1, li2表示的是arr[ ] 这个数组里随机的两个数,这个命名和之前的aLi无关.不需要调用aLi为变量. 4. for循环 for ( ) 条件语句末尾一定不能写分号. 分号表示该段…
JS错误记录 - 事件 - 拖拽
错误总结: 1. var disX = 0; 现在window.onload里声明变量,而不是在事件oDiv.onmousedown里面声明并赋值. 对于这个还不是很明白. 2. onmousedown事件的主体是oDiv,不是整个窗口. 3. if ... else if ... 两个花括号的中间不可以写分号 ; . 4. oDiv.style.left = l + 'px'; left 值有px. 5. 写法错误. 可视窗的宽度: document.documentElem…
JS错误记录 - 按左右箭头div移动、一串div跟着鼠标移动
本次练习错误总结: 1. div跟着用户操作而移动,首先必须要绝对定位,否则无法移动. 2. if条件语句里面是双等号,不是单等号(赋值). 3. 坐标值没有Right,只能offsetLeft 加减. //oDiv.style.right = oDiv.offsetRight + 10 + 'px'; <style> div{ width: 100px; height: 100px; background-color: #ccc; /* border: 1px solid #000; */…
JS错误记录 - getStyle代替offset、任意值运动框
本次练习错误总结: 1. 改变border的宽度,属性名称不是直接写border,而是borderWidth. 2. 运动函数 -- 清除定时器 -- 开启新的定时器. 不是在新定时器开启之后再清除,而是开启之前就要在运动函数里清空一次! 3. 这个获取的值需要先parseInt变成数字. 且变量要放在定时器函数里面.(哪个函数使用的变量,就放在哪个函数里.) var cur = parseInt(getStyle(obj, attr)); <!DOCTYPE html> <html…
JS错误记录 - To-do List
var data = (localStorage.getItem('todolist'))? JSON.parse(localStorage.getItem('todolist')) : { todo: [], done : [] // 键值对 用冒号 }; renderTodoList(); var oBtnAdd = document.getElementById('add'); var oInput = document.getElementById('input'); // var oL…
JS错误记录 - fgm练习 - 函数传参
<script> window.onload = function() { var oBtn = document.getElementsByTagName('button')[0]; var aTxt = document.getElementsByTagName('input'); // oBtn.onclick = getValue(aTxt[0].value, aTxt[1].value); // 点击事件后面要跟function 再调用别的函数!! oBtn.onclick = fu…
JS学习笔记 - 微博发布效果
<script> window.onload = function() { var oTxt = document.getElementById('txt1'); var oBtn = document.getElementById('btn1'); var oUl = document.getElementById('ul1'); oBtn.onclick = function() { // var aLi = oUl.getElementsByTagName('li'); // 补写: v…