为什么用load加载HTML，HTML的JS只能正常执行一次

最新推荐文章于 2023-09-22 16:18:34 发布
最新推荐文章于 2023-09-22 16:18:34 发布
阅读量556 收藏
点赞数 1
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44968460/article/details/105130949
版权

为什么用load加载HTML，$ (function）外的function只能正常执行一次

被加载的HTML只能正常执行一次$ (function(){…})，重新load一次就不能执行了，比较正常加载的HTML之后发现，$ (function(){…})中调用的function不能写在$ (function(){…})之外。
如果把需要调用的function都写在$ (function(){…})之内，就能正常执行了，但为什么用load加载HTML，只会正常调用一次$ (function(){…})外的function呢？

满酌
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
js之onload事件的一点使用心得
12-12
如果我问你window.load和[removed]分别是什么意思，恐怕你会回答我：“这不是页面加载完就执行吗”。 但是答案是不一定，得看你怎么用。看一下例子吧 例1： 代码如下: <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”> <html> <head> <title>Untitled</title> [removed] function ShowMessage() { alert(“true”); } [removed]=ShowMessage();
lazyImage:使用interSectionObserver API异步加载图片
04-27
lazy-observer-load 使用interSectionObserver API异步加载图片 当前懒加载图片的方法 要想知道当前是否需要加载一张图片，我们需要坚持当前页面可见范围内这张图片是否可见。如果是，则加载。 检查方法：我们可以通过事件和事件处理器来监测页面滚动位置、offset值、元素高度、视窗高度并计算出这张图片是否在可见视窗内。 但是，这样做也有几点副作用： 由于所有的计算将在JS的主线程进行，因此可能会带来性能问题； 每次执行滚动时，以上计算都会执行一遍，如果我们的图片在最底部的，无形间浪费了很多资源； 如果页面中有很多图片，这些计算将会十分占用资源。 一个更加现代化的解决方案 提供了一种方法，可以异步观察目标元素与祖先元素或顶层文件的交集变化。 通过Intersection Observer API实现的懒加载主要包括以下几个步骤： 创建一个intersectio
lazyload:延迟加载图像和数据
05-25
延迟加载 描述：延迟加载图像和数据 / ** 全局变量* / var $ small_version = false，$ is_webp = false; / ** 调用方法* / $（'img.lazy'）。lazyload（{data_attribute：$ small_version？'so'：'bo'，//小型和大型版本切换。container：$（window），callback：foot_lazy}）; / ** 触摸执行​​脚懒惰的容器* / foot_lazy（）{/开始TODO：icon组/ if（$ is_webp）{$（'＃b-ico'）。html（' '）; } else {$（'＃b-ico'）。html（' '）; } /结束TODO：icon组/ }
解析页面加载与js函数的执行 onload or ready
12-09
首先，页面加载顺序：解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。构造HTML DOM模型。加载图片等外部文件。页面加载完毕。 也就是：html → head → title → #text(网页标题) → style → 加载样式 → 解析样式 → link → 加载外部样式表文件 → 解析外部样式表 → script → 加载外部脚本文件 → 解析外部脚本文件 → 执行外部脚本 → body → div → script → 加载脚本 → 解析脚本 → 执行脚本 → img → script → 加载脚本 → 解析脚本 → 执行脚本 → 加载外部图像文件 → 页面初始化完
浅析JS异步加载进度条
11-26
展现效果: 1) 当点击Load的时候,模拟执行异步加载. 浏览器被遮挡. 进度条出现. 实现思路: 1.当用户点击load button执行异步请求. 调用方法 出现加载条 2.怎么实现进度条呢？ 1) 在document.body 新增一个div.覆盖浏览器. 设置背景会灰色. z-index = 999. 加载的时候让用户无法修改界面值 2) 在document.body 新增一个动态的div. 代码实现: Main.html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title>
html计时器怎么重复循环,js定时器(执行一次、重复执行)
weixin_36462845的博客
06-25 2338
1，只执行一次的定时器//定时器 异步运行function hello(){alert("hello");}//使用方法名字执行方法var t1 = window.setTimeout(hello,1000);var t2 = window.setTimeout("hello()",3000);//使用字符串执行方法window.clearTimeout(t1);//去掉定时器2，重复执行的定时器...
html初次进入页面只刷新一次!!一次!!!!
weixin_43702275的博客
04-13 489
【代码】html初次进入页面只刷新一次!!一次!!!!
jQuery：绑定事件时外层$(function(){})的作用
cyyyou_的博客
11-25 776
<head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="js/jquery-3.4.1.js"></script> <script type="text/javascript"> $(function()...
Html进去的时候页面只刷新一次
Herr Apfel的专栏
11-07 5483
Html设置刷新:content里是间隔时间！这个每隔3秒就刷新一次。我想在初次进页面的时候刷一次，以后就不要刷新了。找到如下代码可以实现：function reurl(){url = location.href;var times = url.split("?t=");if(times[1] != 1){url += "?t=1";self.location.replace(url);}
Three.js 实现模型文件加载进度条 和total为0 lengthComputable为false 情况处理
ZHANG_666
09-13 782
three.js实现模型文件加载进度条功能和total为0 lengthComputable 为false 的情况处理
一个html页面引入两次jquery,jquery load页面导致js重复加载
weixin_33261455的博客
06-04 1647
1、问题发生场景：主页包含两个div，div1，div2，div1采用jquery load了page1，div2采用jquery load了page2，page1与page2业务类似，共用一个js，主页可能同时显示page1和page2，这时发现js重复加载了。2、问题分析：打开chrome，查看network，在load page1时js后面自动加上了?_1462934775039参数，数字应...
three.js加载gltf文件过程以及遇到的问题
最新发布
yinge0508的博客
09-22 2184
原来是 .gltf 文件中 引入了 .bin 格式的文件了，虽然 .gltf 和 .bin 两个文件在同一个路径下，在 .gltf 文件中就是找不到 .bin 格式的文件；刚开始，我是从网上下载的gltf文件，将.gltf 文件放在了src/assets/xxx.gltf , 对gltf格式的文件并不了解，使用如下方式加载gltf文件时，附件放在了中国移动云盘上 了，坚决抵制垃圾的恶心的最2比百度云盘，限速，就是让你开通会员，开通会员后下载文件，下的也不一定完整；
搜索重新加载html,重新加载DIV而不重新加载整个页面
weixin_29663861的博客
06-10 564
我有一个带有php include的DivTag，该div用来填充该信息，我想要做的是使它每隔15秒调用一次，以便它可以在那里更新信息，而不必重新加载整个网页。我试图用JavaScript /jQuery做到这一点，但似乎无法正常工作var auto_refresh = setInterval(function (){$('.View').load('Small.php').fadeIn("slo...
JS只执行一次
weixin_30835923的博客
05-30 3225
1.闭包实现。 <script> window.onload = function () { function once(fn) { var result; return function() { ...
android webview onJsAlert只调用一次的问题
shuangfengzhongfu的专栏
06-26 1176
此技术帖解决  苏州移动商城中支付功能的第二次支付出现问题。  public class MyWebChromeClient extends WebChromeClient {       @Override       public boolean onJsAlert(WebView view, String url, String message, JsResult result)
html只显示一次,javascript – 只显示div一次
weixin_35173650的博客
06-21 390
所以我想看看像stackoverflow一样的消息在顶部.现在我已经配置了所有,但是我遇到了一个问题..消息只显示第一次,第二次没有显示.我知道为什么,关于每个id的东西必须是唯一的或div中的东西..然后我用rand(1,300); (PHP)它仍然无法正常工作.这是我的代码：function checkSession(){$.ajax({url: "session.php", success:...
html 如何监听script和link资源加载完毕后再执行js
05-26
可以使用 `load` 事件来监听 `<script>` 和 `<link>` 资源加载完成后执行 JavaScript 代码。但是，需要注意的是，`load` 事件只能用于某些元素（如 `<img>`、`<iframe>`、`<script>`、`<link>` 等）和 window 对象。...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值