js load

<script type='text/javascript' language='javascript'>
if (document.addEventListener){
document.addEventListener('DOMContentLoaded', documentLoaded, false);}
else{
window.attachEvent('onload', documentLoaded);}

function documentLoaded()
{
    document.getElementById("doing").style.display="none";
    document.getElementById("doingt").style.display="none";
}
</script>

 

 

<script language=javascript>

<!--
document.onreadystatechange=fnStartInit;
function fnStartInit()
{
   if (document.readyState=="complete")
   {
      document.getElementById("doing").style.display="none";
      document.getElementById("doingt").style.display="none";
   }
}
//-->
</script>

### JavaScript 中 `load` 方法的使用 #### 浏览器原生 `load` 事件监听 在纯 JavaScript 中,可以通过监听窗口对象 (`window`) 的 `load` 事件来执行某些操作。当整个页面完全加载完毕后(包括所有的依赖资源如样式表、脚本文件以及图像),会触发此事件。 ```javascript // 添加 load 事件监听器 window.addEventListener('load', function () { alert("Page fully loaded"); }); ``` 这种方式适用于希望确保所有外部资源都已下载完成后再运行代码的情况[^1]。 #### jQuery 中的 `load()` 方法 对于采用 jQuery 库的应用程序来说,存在两种不同形式的 `load` 函数: - **全局文档就绪回调**:类似于浏览器自带的 `DOMContentLoaded` 或者 `load` 事件处理方式,但是更早一些,在 DOM 结构构建完成后即刻调用指定函数。 ```javascript $(document).ready(function(){ console.log('DOM ready'); }); // 或者简化版本 $(function(){ console.log('DOM ready simplified'); }); ``` - **元素级别的荷载请求**:可以针对某个具体的 HTML 元素发起 HTTP 请求并更新其内部内容。需要注意的是自 jQuery 版本 3.0 起官方已经不推荐继续使用该特性,并建议开发者转而考虑其他替代方案比如 AJAX API(`$.ajax`, `$.get`, `$.post`) 来实现相同功能[^2]。 #### Vue.js 插件 vue-lazyload 对象中的钩子函数 虽然这不是传统意义上的 `load` 方法,但在前端框架 Vue.js 下有一个名为 `vue-lazyload` 的插件提供了类似的机制用于懒加载图片或其他媒体资产。通过配置适配器 (adapter),可以在不同的生命周期阶段设置相应的逻辑响应,例如成功加载后的动作或是遇到错误时的行为[^3]。 #### UniApp 开发环境下的注意事项 如果是在基于 Vue 构建的小程序平台 UniApp 上工作,则需特别留意模块导入过程中可能出现的问题。特别是有关 MIME 类型验证失败所引发的一系列异常状况——服务器返回的内容类型不符合预期,这通常意味着路径配置有误或者是服务端未能正确识别静态资源作为可解析的 JavaScript 模块[^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值