- 博客(10)
- 收藏
- 关注
原创 js---函数基础练习题
1.编写一个函数,计算三个数字的大小,按从小到大顺序输出 <script> function order(a,b,c){ var sum; var str; if(a>b){ sum=a; a=b; b=sum; } if(b>c){ sum=b; b=c;
2021-05-23 20:30:11 200
原创 前端常见题型
a 标签里面的target属性 _blank 在新的窗口打开被链接的文档 _self 默认在相同的框架中打开被链接的文档 _parent 在父的框架中的打开被链接文档 _top 在整个窗口中打开被链接的文档 framenname 在指定的框架中打开被链接文档 ...
2021-04-20 11:50:36 100
原创 同步和异步
同步任务都在主线程上执行,形成一个执行栈。 异步任务 JS的异步是通过回调函数执行的 一般而言,异步任务有三种类型: 1、普通时间 如 click resize等 2、资源加载 如 load error等 3、定时器 setTimeout setInterval 执行顺序 1、先执行执行栈中的同步任务 2、异步任务(回调函数)放入任务队列中 3、一旦执行栈中的所有同步任务执行完毕,系统会依次读取任务队列中的异步任务,于是被读取的异步任务结束等待状态,进入执行栈 ,开始执行。 ...
2021-01-30 18:53:17 131
原创 事件对象
解决兼容 **e = e || window.event; <script> /* e.target 返回的是触发事件的对象,谁触发指向谁 this 返回的绑定事件的对象 e.target 点击了那个元素就返回那个元素 this那个元素绑定了这个点击事件 那么就返回谁 e.target || e.srcElement 兼容 e.type 返回事件类类型 阻止默认行为 e.preventDefault()组织默认事件
2021-01-26 21:01:46 87
原创 兄弟节点
<body> <div>我是div</div> <span>我是span</span> <script> var div = document.querySelector('div'); /* node.nextSibling 下一个兄弟节点包含 元素节点 文本节点 */ console.log(div.nextSibling);xi // node.previousSibling 上一个兄
2021-01-25 20:06:46 431
原创 节点操作
1.父级节点 node.parentNode 得到的是离元素最近的父亲节点,如果找不到父节点就返回空(null) 2.子节点 parentNode.childNodes()标准) childNodes 包含所有的元素节点 文本节点 等等 一般开发不提倡 parentNode.children(非标准) 3.第一个字节点 parentNode.firstchildren 无论是文本节点还是元素节点都能获取到 parentNode.firstElementChild 准确获取第一个子元素节点,找不到返回nul
2021-01-24 21:43:51 76
原创 前端必学----tab切换
Tab切换有两个大的模块,点击某一个,当前这个底色和内容一一对应,(排他思想) <script> // 获取元素 var tab_list = document.querySelector('.tab_list'); var lis = tab_list.querySelectorAll('li'); var items = document.querySelectorAll('.item'); //for 循环绑定点击事件 for (var
2021-01-21 21:58:48 452 3
原创 innerTxet和innerHtml的区别
1.innerText 不识别HTML标签 2.innerHtml识别html标签 3.可以获取元素里面的内容
2021-01-12 19:47:06 199
原创 数组去重
目标:把旧数组里面不重复的元素选取出来放到新数组中,重复的元素只保留一个,放到新数组中去重。 算法:遍历旧数组,然后拿着旧数组去查询新数组,如果元素里面没有出现过,我们就添加,否则就不添加。 如何判断元素是否存在?利用新数组.indexOf(数组元素),r如果返回-1就说明新数组里面没有该元素` <script> window.onload = function(){ function unique(arr){ var newArr = [];
2021-01-11 16:35:35 230 3
原创 倒计时的练习
返回的是的输入的时间与本地时间的差距有多长 <script> window.onload = function(){ function conutDown(time){ var nowTime = +new Date(); // 返回的是当前时间总的毫秒数 var inputTime = +new Date(time); //返回的是用户输入时间总的毫秒数 var times = (inputTime - nowTime) / 1000; //
2021-01-10 21:10:42 108
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人