js中文档加载完毕写法

最新推荐文章于 2022-09-07 13:16:34 发布
最新推荐文章于 2022-09-07 13:16:34 发布
阅读量753 收藏
点赞数
分类专栏： javascript jQuery

js中文档加载完毕。一般在body加一个onload事件或者window.onload = function () {}

jQuery中有好多写法，平时也不注意，别人一问，还真觉得头大。

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <script src="jquery-1.7.1.js" type="text/javascript"></script>

</head>

<body style=" overflow-y:scroll;overflow-x:auto;">
<input type="text"  id="dd1" value="" />

<textarea id="tt" cols="30" rows="30"></textarea>
</body>
</html>
        
<script>
var i=1;

//jQuery方式
$(document).ready(function(){
    var str=$("#tt").val()+'\r\n'+'$_A加载完毕'+i;
  $("#tt").val(str);
  i++;
    });

$(function(){
  var str=$("#tt").val()+'\r\n'+'$_B加载完毕'+i;
  $("#tt").val(str);
  i++;
 }) ;

$(function($) {
        var str=$("#tt").val()+'\r\n'+'$_C加载完毕'+i;
  $("#tt").val(str);
  i++;
});

$(window).load(function() {
        var str=$("#tt").val()+'\r\n'+'$_D加载完毕'+i;
  $("#tt").val(str);
  i++;
});

(function() {
        var str=$("#tt").val()+'\r\n'+'$_E加载完毕'+i;
  $("#tt").val(str);
  i++;
})(jQuery)

jQuery与别名$可互通/
jQuery(document).ready(function(){
    var str=$("#tt").val()+'\r\n'+'jQuery_F加载完毕'+i;
  $("#tt").val(str);
  i++;
    });

jQuery(function() {
        var str=$("#tt").val()+'\r\n'+'jQuery_G加载完毕'+i;
  $("#tt").val(str);
  i++;
})
jQuery(function($) {
        var str=$("#tt").val()+'\r\n'+'jQuery_H加载完毕'+i;
  $("#tt").val(str);
  i++;
});

jQuery(window).load(function() {
        var str=$("#tt").val()+'\r\n'+'jQuery_I加载完毕'+i;
  $("#tt").val(str);
  i++;
});

//js方式
window.onload = function () {
    var str=document.getElementById("tt").value+'\r\n'+'js加载完毕'+i;;
  document.getElementById("tt").value=str;
  i++;
 };

 


/*注意顺序,没有按照我们上面的顺序出来的，那就是本身加载有先后。
D和I加载的是window，所以慢。

$_E加载完毕1
$_A加载完毕2
$_B加载完毕3
$_C加载完毕4
jQuery_F加载完毕5
jQuery_G加载完毕6
jQuery_H加载完毕7
js加载完毕8
$_D加载完毕9
jQuery_I加载完毕10

*/
</script>

meimonkey
关注
专栏目录
js文档加载完毕有哪几种写法以及如何开发jq插件？
IT修真院：初学者转行到互联网的聚集地
06-03 337
这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能，本篇分享的是： 【js文档加载完毕有哪几种写法以及如何开发jq插件？ 】 大家好，我是IT修真院北京总院第24期的学员，一枚正直纯洁善良的web程序员 今天给大家分享一下，修真院官网js任务4，深度思考中的知识点——j...
html动态元素加载完毕事件,JS监听元素的加载完成/失败事件
weixin_33740988的博客
06-05 4455
〇、适用场景在前端开发中，为了优化用户体验，我们经常有等背景图完成之后显示内容、加个遮罩等待页面加载完成之后消失等需求。本文以下述的特殊情况(监听 background-image 的加载)为主，当然也通用于各种需要监听加载完成、失败事件的场景。特例—— background-image 的特殊处理由于 css 中的 background-image 会在 DOM 加载完成之后，再进行加载，所以我...
document.readyState等属性
hsany330的专栏
08-27 920
document.readyState:判断文档是否加载完成。firefox不支持。 这个属性是只读的，传回值有以下的可能： 0-UNINITIALIZED：XML 对象被产生，但没有任何文件被加载。 1-LOADING：加载程序进行中，但文件尚未开始解析。 2-LOADED：部分的文件已经加载且进行解析，但对象模型尚未生效。 3-INTERACTIVE：仅对已加载的部分文件
document.ready和onload的区别——JavaScript文档加载完成的那点事儿
yancheng的专栏
04-07 2264
页面加载完成有两种事件: $(document).ready(function(){}) : 表示文档结构已经加载完成（不包含图片等非文字媒体文件） $(document).ready(function(){})等同于$(function(){}) window.onload: 表示页面包含图片等文件在内的所有元素都加载完成后执行。 可以理解为：ready
document.ready和onload的区别——JavaScript文档加载完成事件
热门推荐
JEECG官方博客
04-17 1万+
页面加载完成有两种事件，一是ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件），二是onload，指示页面包含图片等文件在内的所有元素都加载完成。(可以说：ready 在onload 前加载！！！) 我的理解： 一般样式控制的，比如图片大小控制放在onload 里面加载;              而：jS事件触发的方法，可以在ready 里面加载;用jQ的人很多人
判断document加载完成比较
weixin_30639719的博客
01-30 289
1.页面加载完成（HTML css js 图片 iframe） window.onload=function(){};$( window ).load(function() {}); 2.页面加载完成（html、 css 和js之间） $(document).ready(); $(function(){}) 3.页面加载完成（hmtl css之间） docume...
原生js检测页面加载完毕的实例
10-18
原生JavaScript提供了多种方法来检测页面是否已经加载完毕。让我们深入探讨这些方法。 首先，最常见的一种方式是使用`window.onload`事件。这个事件会在整个页面（包括所有资源如图片、脚本、样式表等）加载完成后...
两种方法实现在HTML页面加载完毕后运行某个js
10-25
在网页开发中，确保JavaScript代码在HTML页面完全加载完毕后再执行是至关重要的，因为这可以避免因元素未加载而导致的错误。本文将介绍两种方法来实现在HTML页面加载完成后运行JavaScript代码。 首先，我们来看传统...
在文档加载后使用(document./ write),会覆盖整个文档
LPLIFE的博客
09-27 1636
标题看着有点奇怪,不是写错了,  直接写document.write不合法,搞半天,发不出来,一直提示"输入的信息错误,请重新提交", 233333,鬼知道哪里信息有误.最后试了发现标题的document.write  如下代码:  &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&g...
浅谈文档加载完成事件——document.ready和onload的区别
筱葭的博客
03-20 1万+
文档加载完成的两种事件 ready，表示文档结构已经加载完成（不包含图片等非文字媒体文件）onload，指示页面包含图片等非文字媒体文件在内的所有元素都加载完成。   1、DOM ready 文档加载的顺序：域名解析-->加载HTML-->加载JavaScript和CSS-->加载图片等非文字媒体文件。 DOM ready在加载JavaScript和CSS与加载图片等非文字媒
js文档加载事件---
爱菜鸟高高飞
08-28 1904
1. 延迟调用read,,jQuery.holdReady $.holdReady(true); //延迟调用 $.getScript("myplugin.js", function() { $.holdReady(false); //释放,可再执行read }); 2.dom加载完成,后执行代码 $( handler ) $( document ).ready( ha...
JavaScript DOM文档事件
m0_67942533的博客
09-07 4595
JavaScript DOM文档事件
判断JS文件是否加载完成
lululove19870526的专栏
02-10 3379
javascript 判断JS文件是否加载完成 在“按需加载”的需求中，我们经常会判断当脚本加载完成时，返回一个回调函数，那如何去判断脚本的加载完成呢？ 我们可以对加载的 JS 对象使用 onload 来判断（js.onload），此方法 Firefox2、Firefox3、Safari3.1+、Opera9.6+ 浏览器都能很好的支持，但 IE6、IE7 却不支持。曲线救国 ——
jQuery文档加载完毕的几种写法
taoism_jerry的博客
09-20 489
jQuery文档加载完毕的几种写法 js中文档加载完毕。一般在body加一个onload事件或者window.onload = function () {}jQuery中有好多写法，
jquery文档加载完毕后执行的几种写法
weixin_33754913的博客
01-09 1895
2019独角兽企业重金招聘Python工程师标准>>> ...
js中页面加载完成后执行的几种方法及执行顺序
weixin_46460843的博客
03-17 6288
在js和jquery使用中，经常使用到页面加载完成后执行某一方法。通过整理，大概是五种方式（其中有的只是书写方式不一样）。 1：使用jQuery的$(function){}; 2：使用jquery的$(document).ready(function(){});前两者本质上没有区别，第1种是第2种的简写方式。两个是document加载完成后就执行方法。 3：使用jQuery的$(window).load(function(){}); 4:使用window.onload = function(){} 第3种和
网页加载是优先加载的jquery 方法的写法
最新发布
07-14
这样就能确保 jQuery 在其他 JavaScript 代码执行之前已经加载完毕，其他代码可以正常使用 jQuery 提供的功能。 请注意，在实际开发中，你需要将 jQuery 的 CDN 地址替换为你所使用的版本，并将其放置在适当的位置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值