如何实现JS先声明后调用
发布网友
发布时间：2022-04-26 23:42
共1个回答
热心网友
时间：2022-04-22 23:49
方法1. 使用jquery , 实现 js 或其他资源的懒加载.
实际原理是在 document 中创建一个 <script> 对象, 并制定对象指定的源即可.
下列代码为 动态加载一个脚本: 基于jQuery 基本扩展:
$.includeScript=function(src){$("<script type='text/javascript' src='"+src+"'>").appendTo($(document));
};
调用方法:
$.includeScript("js/123.js");
方法2: 脚本动态修改图片;
不用延迟加载, 而是在 头部声明要用的图片地址, 将这个地址隐藏在全局变量数组中, 然后在页面加载完成时或者某个脚本来触发, 修改要显示的图片地址为上述隐藏的地址.
脚本:
var img= document.getElementById("img1");img.src='某要加载的图片地址';
希望能帮到你, 有什么不明白的, 请追问.
追问懵懂看懂了，网上搜到一说法，请指教是否合理？还是span_ad_1需要display:none隐藏掉避免显示JS里的HTML代码。字数*，内容在上面补充问题中！追答
正解, span_ad_1 初始的 style 应该是 display:none , 页面加载完成后 ( 譬如 body的 onload , 或 html 尾部的 javaScript) 再处理图片啊, 显示什么的.
另外, 我建议你使用jquery来直接对 某div 进行加载.
譬如一个 广告 div 在顶部: <div id='span_ad_1' style='display:none'...>
脚本: (可写在 body 的任何位置)
<script>$(document).load(
function(){
$("#span_ad_1").load("/ad1/ad1.htl").show(200);//渐出效果.
});
}
div 容器可以通过jQuery 的 load方法, 直接加载 html到这个容器中...
