分享更有价值
被信任是一种快乐

这么实现在HTML页面加载完毕后运行js

文章页正文上

这篇“这么实现在HTML页面加载完毕后运行js”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“这么实现在HTML页面加载完毕后运行js”文章吧。
  Js方法:
  window.onload=function(){varuserName=”xiaoming”;
  alert(userName);
  }
  jQuery方法,需要引用jQuery文件:
  $(document).ready(function(){varuserName=”xiaoming”;
  alert(userName);
  });
  或者其简写:
  $(function(){varuserName=”xiaoming”;
  alert(userName);
  });
  在DOM加载完就可以执行(比window.onload更早)。在同一页面中可以多次出现.ready()
  两者主要区别:Window.onload=function(){}:
  当一个文档完全下载到浏览器中时,才会触发window.onload事件。这意味着页面上的全部元素对js而言都是可以操作的,也就是说页面上的所有元素加载完毕才会执行。这种情况对编写功能性代码非常有利,因为无需考虑加载的次序。
  $(document).ready(function(){});
  会在DOM完全就绪并可以使用时调用。虽然这也意味着所有元素对脚本而言是可以访问的,但是,并不意味着所有关联的文件都已经下载完毕。换句话说,当HTML下载完成并解析为DOM树之后,代码就会执行。
  使用$(document).ready(function(){})一般来说都要优于使用onload事件处理程序,但必须要明确一点,因为支持文件可能还没有加载完成,所以类似图像的高度和宽度这样的属性此免费云主机、域名时不一定有效。
  注:用把js放在页面底部的方法以及运用defer=”defer”的方法都是会出现问题的。最好使用$(document).ready(function(){})函数。
以上就是关于“这么实现在HTML页面加载完毕后运行js”这篇文章的内容,相信大家都有了一定的了解,希望小编分享的内容对大家有帮助,若想了解更多相关的知识内容,请关注云技术行业资讯频道。

相关推荐: jquery如何用CSS()设置鼠标禁止样式

本篇内容主要讲解“jquery如何用CSS()设置鼠标禁止样式”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“jquery如何用CSS()设置鼠标禁止样式”吧! 方法:只需用CSS()将鼠标样式属性“cursor”的…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册