js
hcoke
这个作者很懒,什么都没留下…
展开
-
元素偏移量offset
offset系列常用元素属性:offset系列属性 作用 Element.offsetParent 返回作为该元素带有定位的父级元素,如果父级都没有定位则返回body Element.offsetTop 返回元素相对带有定位父元素上方的偏移 Element.offsetLeft 返回元素相对带有定位父元素左边框的偏移 Element.offseWidth 返回自身包括边框,内容区的宽度,返回数值不带单位 Element.offseHeight 返回原创 2022-04-03 15:32:07 · 456 阅读 · 0 评论 -
history对象
window对象给我们提供了一个history对象,与浏览器历史进行交互,该对象包含用户(在浏览器窗口中)访问过的URL。history对象方法 作用 back() 后退功能 forward() 前进功能 go() 前进后退功能,如果参数是1则是前进一个页面,是-1则是后退一个页面 list.html:<!DOCTYPE html><html> <head> <meta charset="utf-8">.原创 2022-04-01 23:28:25 · 144 阅读 · 0 评论 -
navigator对象
navigator对象包含有关浏览器的信息,它有很多属性,我们最常用的是userAgent,该属性可以返回由客户机发送服务器的user-agent头部的值。下面的代码判断用户哪个中断打开页面,实现跳转。if (navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|web原创 2022-04-01 23:09:21 · 215 阅读 · 0 评论 -
获取URL参数(页面之间的数据传递)
第一个登录页面,里面有提交表单,action提交到index1.html页面。第二个页面可以使用第一个页面的参数,这样实现了一个数据不同页面之间的传递效果。第二个页面利用了URL里面的location.search参数,获取到第一个页面中的参数。第二个页面需要把这个参数提取。去掉?用substr利用‘=’分割 键和值split=('=')。index.html:<!DOCTYPE html><html> <head> <m...原创 2022-04-01 20:08:20 · 579 阅读 · 0 评论 -
location对象
window对象给我们提供了一个location属性用于获取或设置窗体的URL,并且可以用于解析URL。由于这个属性返回的是一个对象,所以我们将这个属性也称为location对象。url 统一资源定位符 是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的url,它包含的信息指出文件的位置以及浏览器应该怎么处理它。 url一般的语法格式为:protocol://host[:port]/path/[?query]#fragment组成 说明 proto...原创 2022-03-31 21:15:09 · 204 阅读 · 0 评论 -
同步和异步
js语言的一大特点就是单线程,也就是说,同一个时间只能做同一件事情。单线程就意味着,所有任务需要排队,前一个任务结束,才会执行后一个任务。这样所导致的问题是:如果js执行时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉。同步:前一个任务结束后再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的 同步的。 异步:在做一件事情的同时还可以去做其他事情。 同步任务: 同步任务都在主线程上执行,形成一个执行线 ...原创 2022-03-31 19:51:35 · 383 阅读 · 0 评论 -
this指向问题
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <button type="button">按钮</button> <script type="text/javascript"> //一般情况下 this的最终指向的是那个调用它的对.原创 2022-03-31 18:20:56 · 335 阅读 · 0 评论 -
发送短信案例
案例分析:1.点击按钮之后,会禁用disabled为true2.同时按钮里面的内容会变化,注意button里面的内容通过innerHTML修改3.里面的秒数有变化,用到计时器4.定义一个变量在定时器里不断递减5.如果变量为0说明到了时间,我们需要停止定时器,并且复原按钮初始状态<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></tit.原创 2022-03-31 17:25:16 · 202 阅读 · 0 评论