博客列表 >$(document).read()使用方式与简写-20180403 15:09

$(document).read()使用方式与简写-20180403 15:09

AsNwds_MIS王的博客
AsNwds_MIS王的博客原创
2018年04月03日 15:12:151155浏览

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>


</head>

<body>

<h2>php</h2>

<p>jquery</p>



</body>

</html>

<script type="text/javascript" src="js/jquery-3.3.1.js"></script>

<script type="text/javascript">

    $(document).ready(function(){

    $('h2').css('font-size','200%');

});


</script>


<script type="text/javascript">

$(function(){

    $('p').append('&nbsp;hello!');

});

</script>

以上是两种方式

<script type="text/javascript">

window.onload=function(){

    alert('hello');

};

</script>


window.onload和$(document).ready(function(){})的区别 

在于前者是所有元素全部加载到浏览器才能执行

后者DOM结构加载完毕才能执行,大大缩短了用户等待的时间。

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议