2018年3月4日
5.2月历
摘要： 功能：鼠标移到哪个月，哪个月的字色背景色改变，移出恢复原状，并在下方文本框中显示该月计划 事件：onmouseover 属性：className 用到length，this.className,this.index,for语句，innerHTML，数组（注意相互之间不要留空，否则会出错） css t 阅读全文
posted @ 2018-03-04 23:05 萹豆 阅读(128) 评论(0) 推荐(0)
5.1点击4个按钮显示相应的div
摘要： 事件：onclick 属性：display，className 用到for语句，index标记，this当前事件 先清空后附加 <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" co 阅读全文
posted @ 2018-03-04 18:10 萹豆 阅读(216) 评论(0) 推荐(0)
4.1邮箱的全选，全不选，反选
摘要： 事件：onclick 属性：checked 对于分清getElementsByTagName('元素名')里的元素名， 可以先提取其外面一层的元素，再在此基础上用getElementsByTagName('元素名') 用到for语句，if语句，length <!DOCTYPE html><html> 阅读全文
posted @ 2018-03-04 17:22 萹豆 阅读(170) 评论(0) 推荐(0)
3.1点击3个按钮变宽变高变色
摘要： 事件：onclick 属性：width，height，background 用多参函数来简化，注意用onclick调用时的格式是function(){函数名(实参)} <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv= 阅读全文
posted @ 2018-03-04 16:22 萹豆 阅读(179) 评论(0) 推荐(0)
2.4点击按钮填色
摘要： 功能：点击第一个按钮红色，第二个绿色 事件：onclick 属性：className,利用赋值class名把原本css里类的样式附加给div <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compati 阅读全文
posted @ 2018-03-04 14:08 萹豆 阅读(171) 评论(0) 推荐(0)
2.3点击菜单显示div再点击就隐藏
摘要： 事件：onclick 属性：display 利用if语句实现 <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>E 阅读全文
posted @ 2018-03-04 13:46 萹豆 阅读(190) 评论(1) 推荐(0)
2.2 点击按钮改变文本框中的文字内容
摘要： 功能：点击第一个按钮生成文字，第二个按钮清除文字 事件：onclick 属性：input的value <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edg 阅读全文
posted @ 2018-03-04 13:11 萹豆 阅读(646) 评论(0) 推荐(0)
2018年3月3日
2.1网页换肤
摘要： 功能：鼠标点击不同的2个input进行换肤（切换样式表） 事件：onclick 属性：样式表link里的href <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content=" 阅读全文
posted @ 2018-03-03 23:14 萹豆 阅读(131) 评论(0) 推荐(0)
1.2鼠标移入移出改变背景色和其他大小样式
摘要： 功能：鼠标移入div,背景色变为绿色，宽变小，长变大，移出恢复原状 事件：onmouseover,onmouseout 属性： background,width,height <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-eq 阅读全文
posted @ 2018-03-03 21:17 萹豆 阅读(263) 评论(0) 推荐(0)
1.1鼠标提示框
摘要： 功能：鼠标移入input，div显示 ，移出div隐藏 先确定事件：onmouseover,onmouseout 和属性：display <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatibl 阅读全文
posted @ 2018-03-03 20:15 萹豆 阅读(109) 评论(0) 推荐(0)
2018年2月25日
第3章 DOM
摘要： 1.节点，dom有3种节点，元素节点，文本节点，属性节点 2.元素节点是dom的原子，所有的属性节点和文本节点都被元素包含，但并不是所有的元素都包含他们 3.继承，节点树上的元素将继承父元素的样式和属性，可以用类和id将元素区别开来 4.获取元素的3种方法，通过元素Id，document.getEl 阅读全文
posted @ 2018-02-25 16:55 萹豆 阅读(112) 评论(0) 推荐(0)
第2章 JavaScript语法
摘要： 1.最好的做法是把<script>标签放到html文档的最后，</body>标签之前. 举例： 。。。。。。 <script src="file.js"></script> </body> 2.解释型程序语言不需要编译器，仅需要解释器，浏览器中没有解释器，JavaScript代码就无法执行 3.语句 阅读全文
posted @ 2018-02-25 16:30 萹豆 阅读(137) 评论(0) 推荐(0)
2017年12月6日
完成fcc作业2时思路
摘要： 1.设置导航链接按钮栏时，不能用文档流，要用position:fixed;固定在窗口上方， 其他普通流盒子按上下顺序就用position:relative；后面发现导航栏被普通流盒子挡在了下面，就设置了z-index:999;值越大越在前面 2.图片用响应式有利于屏幕适应，class="img-re 阅读全文
posted @ 2017-12-06 19:13 萹豆 阅读(208) 评论(0) 推荐(0)
2017年12月4日
FCC 基础JavaScript 练习7
摘要： 1. Math.random()用来生成一个在0(包括0)到1(不包括1)之间的随机小数，因此Math.random()可能返回0但绝不会返回1。 提示随后的函数都会在return执行前调用，所以我们可以直接返回Math.random()的值 function myFunction() { // 请 阅读全文
posted @ 2017-12-04 22:16 萹豆 阅读(542) 评论(0) 推荐(0)
FCC 基础JavaScript 练习6
摘要： 1.对象和数组很相似，数组是通过索引来访问和修改数据，对象是通过属性来访问和修改数据的, 对象适合用来存储结构化数据，就和真实世界的对象一模一样，比如一只猫. 任务 创建一个叫做myDog的对象，它里面有这些属性： 名称"name"、 腿"legs", 尾巴"tails"、朋友"friends"。 阅读全文
posted @ 2017-12-04 13:03 萹豆 阅读(1009) 评论(0) 推荐(0)