javaScript
关注
分享
扫一扫
zmj2051176726
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
点击某个按钮, 提示"点击的是第n个按钮"
需求: 点击某个按钮, 提示"点击的是第n个按钮"<body><button>测试1</button><button>测试2</button><button>测试3</button><script type="text/javascript"> var btns = document.g...原创 2019-11-16 03:18:16 · 400 阅读 · 0 评论 -
疑问
<script type="text/javascript"> console.log('gb: '+ i) var i = 1 foo(1) function foo(i) { if (i == 4) { return } console.log('fb:' + i) ...原创 2019-11-15 14:52:31 · 186 阅读 · 0 评论 -
BOM对象
一.BOM浏览器对象模型BOM可以使我们通过JS来操作浏览器在BOM中为我们提供了一组对象，用来完成对浏览器的操作二.BOM对象Window代表的是整个浏览器的窗口，同时window也是网页中的全局对象Navigator代表的当前浏览器的信息，通过该对象可以来识别不同的浏览器Location代表当前浏览器的地址栏信息，通过Location可以获取地址栏信息，或者操作...原创 2019-11-12 02:28:59 · 231 阅读 · 0 评论 -
使div可以根据不同的方向键向不同的方向移动
元素想动一定要开启定位！！！！<style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; position: absolute; } </style> <script type="t...原创 2019-11-11 22:19:56 · 471 阅读 · 0 评论 -
键盘事件
一.键盘事件键盘事件一般都会绑定给一些可以获取到焦点的对象或者是document1.onkeydown：按键被按下对于onkeydown来说如果一直按着某个按键不松手，则事件会一直触发当onkeydown连续触发时，第一次和第二次之间会间隔稍微长一点，其他的会非常的快这种设计是为了防止误操作的发生。2.onkeyup：按键被松开<script type="text/java...原创 2019-11-11 22:16:30 · 1168 阅读 · 0 评论 -
事件的传播
事件的传播一.关于事件的传播网景公司和微软公司有不同的理解微软公司认为事件应该是由内向外传播，也就是当事件触发时，应该先触发当前元素上的事件，然后再向当前元素的祖先元素上传播，也就说事件应该在冒泡阶段执行。网景公司认为事件应该是由外向内传播的，也就是当前事件触发时，应该先触发当前元素的最外层的祖先元素的事件，然后在向内传播给后代元素二.W3C综合了两个公司的方案，将事件传播分成了三个阶...原创 2019-11-08 00:06:20 · 274 阅读 · 0 评论 -
事件的委派
这里为每一个超链接都绑定一个单击响应函数，并且添加的新的超链接也具有单击响应函数，按之前那种循环太麻烦了，还要给添加的超链接再绑定。<body> <button>添加超链接</button> <ul> <li><a href="javascript:;" c...原创 2019-11-07 17:30:34 · 469 阅读 · 0 评论 -
事件冒泡
事件的冒泡（Bubble）所谓的冒泡指的就是事件的向上传导，当后代元素上的事件被触发时，其祖先元素的相同事件也会被触发在开发中大部分情况冒泡都是有用的,如果不希望发生事件冒泡可以通过事件对象来取消冒泡是看代码，从里往上冒泡，要想取消冒泡，是设置two不冒泡一.有用的冒泡<style> #one{ width: 50px; height...原创 2019-11-07 16:41:31 · 1100 阅读 · 0 评论 -
div跟随鼠标移动
一.先了解元素与鼠标的坐标原点都是谁原创 2019-11-07 15:20:16 · 460 阅读 · 0 评论 -
在one上移动，two里显示鼠标坐标
<style> #one{ width: 200px; height: 200px; border: 1px solid black; margin-bottom: 20px; } #two{ width: 200px; height: 50px; b...原创 2019-11-07 14:04:59 · 132 阅读 · 0 评论 -
循环与响应函数的执行顺序
总结：for循环会在页面加载完成之后立即执行而响应函数在被点击时才执行当响应函数执行时，foe循环早已执行完毕一.循环绑定事件点击每个li打印除相应的序号<body><ul> <li>11</li> <li>22</li> <li>33</li></ul&g...原创 2019-11-06 14:36:14 · 318 阅读 · 0 评论 -
对象方法
1.数组方法reverse()- 可以用来反转一个数组，它会对原数组产生影响concat()- 可以连接两个或多个数组，它不会影响原数组，而是新数组作为返回值返回join()- 可以将一个数组转换为一个字符串- 参数：需要一个字符串作为参数，这个字符串将会作为连接符来连接数组中的元素如果不指定连接符则默认使用,逗号sort()- 可以对一个数组中的内容进行排序，默认是按照Un...原创 2019-11-04 15:45:01 · 279 阅读 · 0 评论 -
js注意点
1.var div=getElementsByTagName(‘div’)得到的是数组后面一定要加标号说明取其中的第几个元素！！！正确的写法：var div=document.getElementsByTagName(‘div’)[0];原创 2019-10-28 23:33:22 · 89 阅读 · 0 评论 -
事件的绑定
一.绑定事件事件本来就存在，绑定的是事件处理函数。比如：<div>111</div>这也可以点击，没有变化只是因为没有绑定事件处理函数。二.onclick是on+事件类型三.绑定事件处理函数方式1.element.onxxx=function(event){}兼容性很好，但是一个元素的同一个事件上只能绑定一个处理程序基本等同于写在HTML行间上。将ev...原创 2019-10-28 23:32:43 · 212 阅读 · 0 评论 -
点击一次变色，再点击变回原色
注意思路<body><div></div><script type="text/javascript"> var div=document.getElementsByTagName('div')[0]; div.style.width='100px'; div.style.height='100px'; div....原创 2019-10-24 14:46:47 · 4300 阅读 · 2 评论 -
斐波那契数列
<body><script type="text/javascript">// f s t// 1 1 2 3 5 8 输出第n项// f s t var n=parseInt(prompt('input')); var first=1, second=1, third; if(n>...原创 2019-10-26 01:36:21 · 141 阅读 · 0 评论 -
定时调用和延时调用
定时器，三分钟停止<body> 分：<input type="text" value="0"> 秒：<input type="text" value="0"><script type="text/javascript"> var sec=document.getElementsByTagName('input')[1];...原创 2019-10-28 20:19:42 · 838 阅读 · 0 评论 -
setInterval定时取消
计时器，到一分钟停止<body> 计时器：<span></span><script type="text/javascript"> var i=0; function time() { var date=new Date(); var span=document.getElementsByT...原创 2019-10-28 19:48:36 · 1573 阅读 · 0 评论 -
初识js
1.例一<body><div></div><script type="text/javascript"> var div=document.getElementsByTagName('div')[0]; //一定要加标号，getElementsByTagName('div')得到的是数组 div.style.width='10...原创 2019-10-28 19:42:36 · 116 阅读 · 0 评论