美文网首页
JS:执行,在文档加载完毕之后

JS:执行,在文档加载完毕之后

作者: RocWay | 来源:发表于2017-04-24 12:01 被阅读0次

开发一个网页的脚本,有时想要在文档加载完毕之后才执行。比如修改文档中的元素,肯定是希望文档元素已存在,否则会因为找不到目标而抛异常。另外还有一些比较重的、无关界面显示的操作,也希望放到整个页面加载了之后再运行。
此时一般有三种方法:
一种是直接将JS代码放在文档的最底部。这样做是可以,但是有位置上的限制。如果后来者忽视了这种限制,很容易破坏页面的逻辑。
一种是定义window.onload函数

window.onload = function(){
  // heavy load
}

还有一种是监听Window的load事件

window.addEventListener("load", somefunciton)
window.addEventListener("load", otherfunction)

相关文章

  • JS:执行,在文档加载完毕之后

    开发一个网页的脚本,有时想要在文档加载完毕之后才执行。比如修改文档中的元素,肯定是希望文档元素已存在,否则会因为找...

  • Review JavaScript

    红宝书 综合 script加载js会阻塞渲染,标签中 fefer 指异步加载js,在文档load之后按顺序执行。a...

  • js的加载顺序

    先加载执行a.js,完毕后再加载执行b.js。 先执行a.js,完毕后再执行b.js。 这就不可以确定谁先执行了,...

  • iOS WKWebView禁止放大缩小(捏合手势)

    在webView加载完毕之后,运行下面的JS代码禁止WKWebView放大缩小//加载完毕 (void)webVi...

  • 01-JQuery入口函数

    JQuery入口函数 JS原生入口函数特点原生JS会等到DOM元素加载完毕,并且图片也加载完毕才会执行原生的JS如...

  • 如何开发jQuery插件&js文档加载完毕的几种写法

    js文档加载完毕有哪几种写法 1:js加载完毕有哪几种写法 一、当不引入jQuery框架,只写原生JS代码时,需要...

  • 06_jQuery(二)

    JQuery(二) 回顾:js是在整个html文档加载完(包括图片)成后执行,jq是在domcument加载完成后...

  • javascript 基本用法(3)

    整个文档加载完之后执行的一个匿名函数; js操作id属性 js写样式时 带有减号的属性使用小驼峰调用js括号att...

  • JavaScript补充

    01-延迟和异步加载JS 如何延迟加载JS:defer defer:js脚本可以延迟到文档完全被解析后执行 如何异...

  • $(window).load(function() {})和$(

    $(window).load(function() {})需要等所有的js和图片加载完毕才会执行 $(docume...

网友评论

      本文标题:JS:执行,在文档加载完毕之后

      本文链接:https://www.haomeiwen.com/subject/xnauzttx.html