摘要: 功能:鼠标移到哪个月,哪个月的字色背景色改变,移出恢复原状,并在下方文本框中显示该月计划 事件:onmouseover 属性:className 用到length,this.className,this.index,for语句,innerHTML,数组(注意相互之间不要留空,否则会出错) css t 阅读全文
posted @ 2018-03-04 23:05 萹豆 阅读(122) 评论(0) 推荐(0) 编辑
摘要: 事件: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 萹豆 阅读(209) 评论(0) 推荐(0) 编辑
摘要: 事件:onclick 属性:checked 对于分清getElementsByTagName('元素名')里的元素名, 可以先提取其外面一层的元素,再在此基础上用getElementsByTagName('元素名') 用到for语句,if语句,length <!DOCTYPE html><html> 阅读全文
posted @ 2018-03-04 17:22 萹豆 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 事件:onclick 属性:width,height,background 用多参函数来简化,注意用onclick调用时的格式是function(){函数名(实参)} <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv= 阅读全文
posted @ 2018-03-04 16:22 萹豆 阅读(174) 评论(0) 推荐(0) 编辑
摘要: 功能:点击第一个按钮红色,第二个绿色 事件: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 萹豆 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 事件: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 萹豆 阅读(185) 评论(1) 推荐(0) 编辑
摘要: 功能:点击第一个按钮生成文字,第二个按钮清除文字 事件: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 萹豆 阅读(628) 评论(0) 推荐(0) 编辑
摘要: 功能:鼠标点击不同的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 萹豆 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 功能:鼠标移入div,背景色变为绿色,宽变小,长变大,移出恢复原状 事件:onmouseover,onmouseout 属性: background,width,height <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-eq 阅读全文
posted @ 2018-03-03 21:17 萹豆 阅读(257) 评论(0) 推荐(0) 编辑
摘要: 功能:鼠标移入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 萹豆 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 1.节点,dom有3种节点,元素节点,文本节点,属性节点 2.元素节点是dom的原子,所有的属性节点和文本节点都被元素包含,但并不是所有的元素都包含他们 3.继承,节点树上的元素将继承父元素的样式和属性,可以用类和id将元素区别开来 4.获取元素的3种方法,通过元素Id,document.getEl 阅读全文
posted @ 2018-02-25 16:55 萹豆 阅读(106) 评论(0) 推荐(0) 编辑
摘要: 1.最好的做法是把<script>标签放到html文档的最后,</body>标签之前. 举例: 。。。。。。 <script src="file.js"></script> </body> 2.解释型程序语言不需要编译器,仅需要解释器,浏览器中没有解释器,JavaScript代码就无法执行 3.语句 阅读全文
posted @ 2018-02-25 16:30 萹豆 阅读(131) 评论(0) 推荐(0) 编辑
摘要: 1.设置导航链接按钮栏时,不能用文档流,要用position:fixed;固定在窗口上方, 其他普通流盒子按上下顺序就用position:relative;后面发现导航栏被普通流盒子挡在了下面,就设置了z-index:999;值越大越在前面 2.图片用响应式有利于屏幕适应,class="img-re 阅读全文
posted @ 2017-12-06 19:13 萹豆 阅读(201) 评论(0) 推荐(0) 编辑
摘要: 1. Math.random()用来生成一个在0(包括0)到1(不包括1)之间的随机小数,因此Math.random()可能返回0但绝不会返回1。 提示随后的函数都会在return执行前调用,所以我们可以直接返回Math.random()的值 function myFunction() { // 请 阅读全文
posted @ 2017-12-04 22:16 萹豆 阅读(519) 评论(0) 推荐(0) 编辑
摘要: 1.对象和数组很相似,数组是通过索引来访问和修改数据,对象是通过属性来访问和修改数据的, 对象适合用来存储结构化数据,就和真实世界的对象一模一样,比如一只猫. 任务 创建一个叫做myDog的对象,它里面有这些属性: 名称"name"、 腿"legs", 尾巴"tails"、朋友"friends"。 阅读全文
posted @ 2017-12-04 13:03 萹豆 阅读(996) 评论(0) 推荐(0) 编辑