随笔分类 - js基础
b站学的js基础
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } /* * 设置outer的样式 */ #outer{ /*
阅读全文
摘要：应用1 点击按钮以后，box持续向右边移动，到800px时停下。 <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; } #box1{ width: 100px; height:
阅读全文
摘要：延时调用setTimeout() 延时调用一个函数不会马上执行，而是隔一段时间以后再执行，而且只会执行一次。 延时调用和定时调用的区别，定时调用会执行多次，而延时调用只会执行一次。 使用clearTimeout();来关闭一个延时调用。 延时调用和定时调用实际上是可以相互替代的，在开发中可以根据自己
阅读全文
摘要：第一个练习自动切换图片 <html> <head> <meta charset="UTF-8"> <title></title> <style> #img1{ width:200px; height: 200px; } </style> <script> //图片路径的数组 var imgs=["i
阅读全文
摘要：js的程序执行速度是非常非常快的，如果希望一段程序，可以每间隔一段时间执行一次，可以使用定时调用。 setInterval() 定时调用，可以将一个函数，每隔一段时间执行一次。 参数： 1、回调函数，该函数会每隔一段时间被调用一次。 2、每次调用间隔的时间，单位是毫秒。 返回值： 返回一个Numbe
阅读全文
摘要：Location —-代表当前浏览器的地址栏信息，通过Location可以获取地址栏的信息，或者操作浏览器跳转页面。 如果直接打印location，则可以获取到地址栏的信息(当前页面的完整的路径)。 alert(location); 如果直接将location属性修改为一个完整的路径，或相对路径，则
阅读全文
摘要：History —-代表浏览器的历史纪录，可以通过该对象来操作浏览器的历史纪录，由于隐私原因，该对象不能获取到具体的历史纪录，只能操作浏览器向前或向后翻页，而且该操作只在当次访问时有效。 length 属性：可以获取到当前访问的链接数量。 用法：history.length back() 方法：可以
阅读全文
摘要：判断是什么浏览器 Navigator代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器。由于历史原因，Navigator中的大部分属性都已经不能帮助我们识别浏览器了，一般我们只会使用userAgent属性来判断浏览器的信息，userAgent是一个字符串，这个字符串包含有用来描述浏览器信息的内
阅读全文
摘要：BOM 浏览器对象模型 —-BOM可以使我们通过js来操作浏览器。 —-在BOM中为我们提供了一组对象，用来完成对浏览器的操作。 这一组对象就是BOM的对象。 Window对象 —-代表的是整个浏览器的窗口，同时window也是网页中的全局对象。 2、Navigator —-代表的当前浏览器的信息，
阅读全文
摘要：onkeydown —-按键被按下 对于onkeydown来说如果一直按着某个按键不松手，则事件会一直触发。 当onkeydown连续触发时，第一次和第二次之间会间隔稍微长一点，只会就会非常的快触发，这种设计是为了防止误操作的发生。 可以通过keycode来获取按键的编码，通过它可以判断哪个按键被按
阅读全文
摘要：onmousewheel 鼠标滚轮滚动的事件，会在滚轮滚动时触发，但是火狐不支持该属性。 在火狐中需要使用DOMMouseScroll来绑定滚动事件，注意该事件需要通过addEventListener()函数来绑定 wheelDelta 该属性可以获取鼠标滚动的方向，向上滚值为120，向下滚值为-1
阅读全文
摘要：<html> <head> <meta charset="UTF-8"> <title></title> <style> #box1{ width: 150px; height: 150px; background-color: aqua; position: absolute; } #box2{
阅读全文
摘要：事件的传播 —-关于事件的传播网景公司和微软公司有不同的理解。 —-微软公司认为事件应该是由内向外传播，也就是当事件触发时，也该先触发当前元素上的事件，然后再向当前元素的祖先元素上传播，也就是事件应该在冒泡阶段进行。 —-网景公司认为事件应该是由外向内传播的，也就是当事件触发时，应当先触发当前元素的
阅读全文
摘要：事件的绑定 使用 对象.事件=响应函数 这种形式绑定响应函数，它只能同时为一个元素的一个事件绑定一个响应函数，不能绑定多个，如果绑定了多个，则后边的会覆盖掉前边的。 addEventListener() 通过这个方法也可以为元素绑定响应函数。 参数： 1，事件的字符串(名称)，不要on。 2，回调函
阅读全文
摘要：事件的委派 —-指将事件统一绑定给元素的共同的祖先元素，这样当后代元素上的事件触发时，会一直冒泡到祖先元素，从而通过祖先元素的响应函数来处理事件。 —-事件的委派是利用了冒泡，通过委派可以减少事件的绑定的次数，提高程序的性能。 target event(事件对象)中的target表示的是触发事件的元
阅读全文
摘要：事件的冒泡(Bubble) 所谓的冒泡指的是事件的向上传导，当后代元素上的事件被触发时，其祖先元素的相同事件也会被触发。在开发中大部分情况冒泡都是有用的，如果不希望发生事件冒泡可以通过事件对象来取消冒泡。 —-取消冒泡，可以将事件对象的cancelBubble设置为true，即可取消冒泡。比如：ev
阅读全文
摘要：要使用js修改某个元素的偏移量来使其移动，必须要为该元素设置定位，一般都将其设置为绝对定位。 pageX和pageY 可以获取鼠标相对于当前页面的坐标。整个document文档的大小，而不是根据当前可见窗口大小来获取坐标。但是这两个属性在IE8中不支持，所以如果需要兼容IE8，则不要使用。 练习 <
阅读全文
摘要：事件对象 —-当事件的响应函数被触发时，浏览器每次都会将一个事件对象作为实参传递进响应函数中。 —-在事件对象中封装了当前事件相关的一切信息。比如：鼠标的坐标，键盘哪个按键被按下、鼠标滚轮滚动的方向。。。 事件对象.clientX可以获取鼠标指针的水平坐标。（获取鼠标在当前可见的窗口的坐标）， 获取
阅读全文
摘要：clientHeight clientWidth 这两个属性可以获取元素的可见宽度和高度。 这些属性返回的都是不带单位(px)的，返回的都是一个数字，可以直接进行计算， 会获取元素的宽度和高度，包括内容区和内边距，但是除开边框。 这些属性都是只读的，不能修改。 offsetHeight offset
阅读全文
摘要：获取元素的样式currentStyle 就是获取元素的当前显示的样式，如果要获取到元素没有设置该样式，则获取它的默认值，比如说，当前元素没有设置background-color样式，你用这个属性获取的就是默认值：transparent(透明的)。 它和style的区别就是它可以获取元素当前正在使用的
阅读全文
