来黑马个把月了，遇到些许困难，遇到些许压力，收获也良多，进入就业班的时候，第一次考试的时候也不算理想，看着班上优秀的人都那么努力，认识到了自己的不足，发现自己过于井底之蛙，再面对测试的时候有些自满，觉得这只是测试，但是测试的同时也的对自己学习的一种答卷，不然这半年为什么就那么努力呢？

        也许是有了信仰，有了方向，有了目标，有了竞争，然后我渐渐的端正了学习态度，对于学习的笔记渐渐的多了起来，对于案例的练习，渐渐的多了起来，对于不会的单词，渐渐的熟悉了起来。学习的过程总是枯燥的，代码无情，但是却很有意思，看着自己的代码转变成一个又一个的页面，看着自己的代码展现的一个又一个的特效，还是很欣慰的，从一个遇见BUG心态就爆炸的小白，变成了一个会自己琢磨代码逻辑，琢磨错在哪里的人，不再为了一个报错而影响自己的心态，学习过程中道不出的苦，说不出的心酸，晚睡早起，再困也要坚持的那种日子，以及敲不完的代码。来黑马锻炼了自己，让自己更耐得住寂寞，更耐得住痛苦，同时也养成了一个好的习惯，以前自制力差，容易被外界因素影响，来了之后，我变得能自主学习，以前看视频属于三天打鱼两天晒网，现在会自己去学习，对于不会的知识有了求知的欲望，让自己快乐编程。随着年龄的增长，长大了，路在征途，真的在自己的脚下，一颗勇敢的心是强大的，愿代码被你征服。









JS笔记

获取元素对象

document.getElementById('id')；//id名

document.getElementsByTagName('input');//标签名    返回的是标签集合

document.getElementsByClassName('class类名');      有兼容性问题



//事件触发

scroll     滚动条滚动触发

blur       失去焦点触发

focus     获得焦点触发

click       单击鼠标左键触发

dblcick   双击鼠标左键触发

mouseover  鼠标移入事件  冒泡

mouseout    鼠标移出事件  冒泡

keydown     按下键盘时触发

keyup          键盘弹起时触发

//在html内添加内容的方式

innerText       添加内容 内容中有标签以普通文本的形式显示

innerHtml       添加内容  内容中有标签会以把标签解析成Html代码  

自定义属性的操作

getAttribute('index')            获取自定义标签指定属性的值;

setAttribute('index',i)            设置自定义标签指定属性的值；

removeAttribute('index')    移出自定义标签指定属性的值;

js操作css样式的方法

    1.通过设置className

           box.className='nav';

    2.通过设置style属性

           box.style.backgroundColor='red';

获取节点对象

box.parentNode        //获取父级节点元素对象

box.children             //获取子节点元素对象

动态添加标签元素

var div=document.createElement('div');        //动态添加标签元素

把动态创建的标签元素添加到相应的标签内

//把标签元素动态添加到标签内的末尾

box.appendChild(div);

//把标签元素动态添加到标签内的前端

box  父节点

div    待添加的元素

box.cihldren[0]添加到的位置

box.insertBefore(div,box.children[0])

动态删除标签

box.removeCild(child);

box是父元素

child是要删除的子节点

动态替换元素

box.replaceChild(div,box.children[0])

box是父元素

div是要替换的新元素

box.children[0]是要被替换的元素

复制元素

var 克隆=box.cloneNode(true);

克隆是新生成的克隆分身

克隆该元素对象，如果括号内为true则复制元素对象内的所子元素，如果未false则复制该节点本身

获取鼠标在页面中的坐标【可视区】

clientX

clientY

获取鼠标在页面滚动出去的距离

document.body.scrollLeft

document.body.scrollTop

获取鼠标在盒子 上的坐标

鼠标在盒子上的X坐标=鼠标在页面的X坐标-盒子在页面的X坐标；

盒子在页面的X坐标=盒子对象.offsetLeft;

pageX-盒子在页面的X坐标

鼠标在盒子上的Y坐标=鼠标在页面的Y坐标-盒子在页面的Y坐标；

盒子在页面的Y坐标=盒子对象.offsetTop;

pageY-盒子在页面的Y坐标

定时器

炸弹定时器    setTimeout();

清除炸弹定时器    clearTimeout(定时器ID);

需要记录定时器的ID

闹钟定时器      setinterval();

清除炸弹定时器    clearInterval(定时器ID);

获取元素的方法【重点】根据ID获取元素【重点】document.getElementById根据标签名获取元素【重点】document.getElementsByTagName根据name获取元素document.getElementsByName根据class类名获取元素document.getElementsByClassName根据选择器获取元素document.querySelector           只会返回第一个匹配到的元素document.querySelectorAll        返回所有匹配到的元素事件【重点】常用的事件

load事件，页面完全加载完之后（包括所有的图像、js文件、css文件等外部资源）触发。

scroll事件，滚动条滚动时触发，不停滚不停触发。

blur事件，失去焦点时触发。

focus事件，获得焦点时触发。

click事件，单击鼠标左键触发。

dblclick事件，双击鼠标左键触发。

mouseover事件，鼠标指针移动到元素上时触发。会冒泡。

mouseout事件，鼠标指针离开元素时触发。会冒泡。

keydown事件，当用户按下键盘上的任意键时触发。按住不放，会重复触发。

keyup事件，当用户释放键盘上的键时触发。

非表单元素的属性

href、title、id、src、className（操作class时，元素对象.className)

表单元素属性

文本框 <input type="text" />

密码框 <input type="password" />

隐藏域 <input type="hidden" />

文本域 <textarea></textarea>

普通按钮 <input type ="button" value="text" />

提交按钮 <input type="submit" value="提交" />

重置按钮 <input type="reset" value="重置" />

单选：<input type="radio" checked="checked" value ="1" id="ra1">

复选框：<input type="checkbox" checked="checked" value = "" id = "">

下拉框：<select><optiont value="1" selected="selected">选项1</option></select>

value 用于大部分表单元素的内容获取(option除外)

type 可以获取input标签的类型(输入框或复选框等)

disabled 禁用属性

checked 复选框选中属性

selected 下拉菜单选中属性

       来黑马个把月了，遇到些许困难，遇到些许压力，收获也良多，进入就业班的时候，第一次考试的时候也不算理想，看着班上优秀的人都那么努力，认识到了自己的不足，发现自己过于井底之蛙，再面对测试的时候有些自满，觉得这只是测试，但是测试的同时也的对自己学习的一种答卷，不然这半年为什么就那么努力呢？

        也许是有了信仰，有了方向，有了目标，有了竞争，然后我渐渐的端正了学习态度，对于学习的笔记渐渐的多了起来，对于案例的练习，渐渐的多了起来，对于不会的单词，渐渐的熟悉了起来。学习的过程总是枯燥的，代码无情，但是却很有意思，看着自己的代码转变成一个又一个的页面，看着自己的代码展现的一个又一个的特效，还是很欣慰的，从一个遇见BUG心态就爆炸的小白，变成了一个会自己琢磨代码逻辑，琢磨错在哪里的人，不再为了一个报错而影响自己的心态，学习过程中道不出的苦，说不出的心酸，晚睡早起，再困也要坚持的那种日子，以及敲不完的代码。来黑马锻炼了自己，让自己更耐得住寂寞，更耐得住痛苦，同时也养成了一个好的习惯，以前自制力差，容易被外界因素影响，来了之后，我变得能自主学习，以前看视频属于三天打鱼两天晒网，现在会自己去学习，对于不会的知识有了求知的欲望，让自己快乐编程。随着年龄的增长，长大了，路在征途，真的在自己的脚下，一颗勇敢的心是强大的，愿代码被你征服。









JS笔记

获取元素对象

document.getElementById('id')；//id名

document.getElementsByTagName('input');//标签名    返回的是标签集合

document.getElementsByClassName('class类名');      有兼容性问题



//事件触发

scroll     滚动条滚动触发

blur       失去焦点触发

focus     获得焦点触发

click       单击鼠标左键触发

dblcick   双击鼠标左键触发

mouseover  鼠标移入事件  冒泡

mouseout    鼠标移出事件  冒泡

keydown     按下键盘时触发

keyup          键盘弹起时触发

//在html内添加内容的方式

innerText       添加内容 内容中有标签以普通文本的形式显示

innerHtml       添加内容  内容中有标签会以把标签解析成Html代码  

自定义属性的操作

getAttribute('index')            获取自定义标签指定属性的值;

setAttribute('index',i)            设置自定义标签指定属性的值；

removeAttribute('index')    移出自定义标签指定属性的值;

js操作css样式的方法

    1.通过设置className

           box.className='nav';

    2.通过设置style属性

           box.style.backgroundColor='red';

获取节点对象

box.parentNode        //获取父级节点元素对象

box.children             //获取子节点元素对象

动态添加标签元素

var div=document.createElement('div');        //动态添加标签元素

把动态创建的标签元素添加到相应的标签内

//把标签元素动态添加到标签内的末尾

box.appendChild(div);

//把标签元素动态添加到标签内的前端

box  父节点

div    待添加的元素

box.cihldren[0]添加到的位置

box.insertBefore(div,box.children[0])

动态删除标签

box.removeCild(child);

box是父元素

child是要删除的子节点

动态替换元素

box.replaceChild(div,box.children[0])

box是父元素

div是要替换的新元素

box.children[0]是要被替换的元素

复制元素

var 克隆=box.cloneNode(true);

克隆是新生成的克隆分身

克隆该元素对象，如果括号内为true则复制元素对象内的所子元素，如果未false则复制该节点本身

获取鼠标在页面中的坐标【可视区】

clientX

clientY

获取鼠标在页面滚动出去的距离

document.body.scrollLeft

document.body.scrollTop

获取鼠标在盒子 上的坐标

鼠标在盒子上的X坐标=鼠标在页面的X坐标-盒子在页面的X坐标；

盒子在页面的X坐标=盒子对象.offsetLeft;

pageX-盒子在页面的X坐标

鼠标在盒子上的Y坐标=鼠标在页面的Y坐标-盒子在页面的Y坐标；

盒子在页面的Y坐标=盒子对象.offsetTop;

pageY-盒子在页面的Y坐标

定时器

炸弹定时器    setTimeout();

清除炸弹定时器    clearTimeout(定时器ID);

需要记录定时器的ID

闹钟定时器      setinterval();

清除炸弹定时器    clearInterval(定时器ID);

获取元素的方法【重点】根据ID获取元素【重点】document.getElementById根据标签名获取元素【重点】document.getElementsByTagName根据name获取元素document.getElementsByName根据class类名获取元素document.getElementsByClassName根据选择器获取元素document.querySelector           只会返回第一个匹配到的元素document.querySelectorAll        返回所有匹配到的元素事件【重点】常用的事件

load事件，页面完全加载完之后（包括所有的图像、js文件、css文件等外部资源）触发。

scroll事件，滚动条滚动时触发，不停滚不停触发。

blur事件，失去焦点时触发。

focus事件，获得焦点时触发。

click事件，单击鼠标左键触发。

dblclick事件，双击鼠标左键触发。

mouseover事件，鼠标指针移动到元素上时触发。会冒泡。

mouseout事件，鼠标指针离开元素时触发。会冒泡。

keydown事件，当用户按下键盘上的任意键时触发。按住不放，会重复触发。

keyup事件，当用户释放键盘上的键时触发。

非表单元素的属性

href、title、id、src、className（操作class时，元素对象.className)

表单元素属性

文本框 <input type="text" />

密码框 <input type="password" />

隐藏域 <input type="hidden" />

文本域 <textarea></textarea>

普通按钮 <input type ="button" value="text" />

提交按钮 <input type="submit" value="提交" />

重置按钮 <input type="reset" value="重置" />

单选：<input type="radio" checked="checked" value ="1" id="ra1">

复选框：<input type="checkbox" checked="checked" value = "" id = "">

下拉框：<select><optiont value="1" selected="selected">选项1</option></select>

value 用于大部分表单元素的内容获取(option除外)

type 可以获取input标签的类型(输入框或复选框等)

disabled 禁用属性

checked 复选框选中属性

selected 下拉菜单选中属性