如何在页面加载时运行函数？

在页面加载时运行函数可以通过以下几种方法实现：

使用window.onload事件：在页面加载完成后，触发window.onload事件，可以将需要运行的函数绑定到该事件上。当页面加载完成时，绑定的函数将被执行。例如：

window.onload = function() {
    // 在这里编写需要在页面加载时运行的函数
}

使用DOMContentLoaded事件：该事件在DOM树构建完成后触发，不需等待所有资源（如图片、样式表等）加载完成。可以将需要运行的函数绑定到该事件上。例如：

document.addEventListener("DOMContentLoaded", function() {
    // 在这里编写需要在页面加载时运行的函数
});

将script标签放置在页面的底部：将需要运行的函数包含在script标签中，并将该标签放置在页面的底部。这样，当解析器加载到该script标签时，函数将会被立即执行。例如：

<body>
    <!-- 页面内容 -->
    
    <script>
        // 在这里编写需要在页面加载时运行的函数
    </script>
</body>

使用自执行函数：将需要运行的函数定义为一个自执行函数，将该函数包含在script标签中，并将该标签放置在页面的任意位置。当解析器加载到该script标签时，自执行函数将被立即执行。例如：

<script>
    (function() {
        // 在这里编写需要在页面加载时运行的函数
    })();
</script>

需要注意的是，以上方法可以根据实际需求选择合适的方式来运行函数。

嵌入式html中的列表/访问元素

、、、、

我有一个HTML页面(a.html)，其中加载了另一个HTML页面(b.html) (在ID为pag的div中)。b.html是使用以下代码加载的： $("#pag").html('<object id="MyPage" type="text/html" data="b.html"></object>');我想从a.html<

浏览 0提问于2015-03-22得票数 1

5回答

如何在更新面板刷新后运行某些javascript？

、、、

我有一个pageLoad函数，可以在.ascx控件上设置一些我不能更改的CSS。在页面加载时一切正常，但是当更新面板更新控件时，我的CSS不再被应用。如何在页面更新后重新运行我的函数？cols", "30"); $("input.tbMarker").css({ "width": "100px" }).attr("col

浏览 0提问于2009-07-27得票数 64

回答已采纳

1回答

春天百里香:如何显示警报

、、

当管理员编辑员工、产品(无论是什么)时，我想显示一个警报，以显示带有“成功编辑”消息的警报。我可以给你看这条信息，但我想提醒你一下。

浏览 3提问于2020-11-09得票数 0

回答已采纳

2回答

如何只运行jquery一次

我想知道如何在第一次加载页面时只运行一次jquery函数。这意味着当我再次加载页面时，jquery函数不应该运行。

浏览 2提问于2015-04-10得票数 0

回答已采纳

1回答

在AngularJS中更改URL而不重新加载

、、

我有一个函数，它可以在单击按钮时更改URL。history.pushState('', tab.stateReference, newUrl);我尝试使用reloadOnSearch: fal

浏览 5提问于2016-08-08得票数 1

1回答

React本机页面重新加载

我有一个想要在页面加载时执行的函数。第一次它运行良好，但是如果我再次转到同一页，它将不会调用该函数。我知道我的页面被缓存了。我如何在每次页面加载时触发一些函数。

浏览 1提问于2018-04-19得票数 2

1回答

jQuery如何在单击后退按钮时加载内容

、、

当点击链接时，我正在使用jQuery加载页面内容。', '', url);问题是，当我单击Back按钮时，单击“后退”按钮后，如何再次加载内容？谢谢。这就是我实现它的方式，你可

浏览 2提问于2012-12-25得票数 3

回答已采纳

2回答

HTML动态内容神秘分解

、、、

对于这个purpouse，我创建了简单的页面模板，下面是关键部分：function showRequests() { document.querySelector，我又翻了几页，然后返回到这个<em

浏览 10提问于2017-01-14得票数 1

2回答

从控制器加载数据时显示“加载”

、、

我有一个从互联网上获取大量数据的函数。得到所有数据大约需要15秒。如何在文本仍在加载时显示文本(如“加载数据”)。现在，看起来是这样的： <table class='table' id='vmTable'

浏览 2提问于2014-12-05得票数 1

1回答

谷歌地图api，地图不会出现。(JQuery手机)

、、、、

在最初的项目中，其中一个地图加载得很好，但是第二个地图(在不同页面的html文件上)没有显示地图(有google的徽标、使用条款等等)。

浏览 2提问于2016-01-18得票数 2

2回答

Chrome扩展中的上下文菜单创建未扩展的复制菜单

、、

}; chrome.storage.sync.set({"myValue": wordObject});});我有点修正了它，但是每次点击它都需要刷新页面。有办法绕过这事吗？

浏览 4提问于2013-08-14得票数 1

回答已采纳

3回答

Facebook选项卡应用程序脚本

、

通过标签应用，我的意思是把你的应用放在页面的墙上，信息，照片等。选项卡。有没有人知道有什么好工具可以帮我把javascript转换成FBJS脚本？

浏览 1提问于2009-09-23得票数 0

回答已采纳

1回答

使用SmartClient在页面加载时运行函数

当页面加载时，我想根据用户权限隐藏一些按钮。我有一个函数做我需要的，但目前我必须按一个按钮来调用它。如何在页面加载后立即使用applyUserPermissions运行SmartClient函数？

浏览 3提问于2017-07-28得票数 0

回答已采纳

3回答

如何在页面片段加载时显示WinJS AppBar？

、、

我想在页面片段加载时显示AppBar，但是在ready函数中运行的这段代码不能按预期工作： var appBar = document.getElementById("appBar").winControl; appBar.show();如何在页面片段加载时显示App

浏览 0提问于2012-03-18得票数 3

2回答

JavaScript仅在刷新后才起作用

、、

在它里面，有一个用JavaScript制作的计算器函数。我还不明白jQuery的意思。它可以工作，但只有当我刷新页面时才能工作。该页面是一个.php文件。我不知道这是否与此有关，或者页面中有php或数据库查询，或者其他任何东西。<div> <?

浏览 1提问于2016-08-27得票数 0

1回答

如何编写不包括在转移测试代码中测试的类的TypeScript测试？

、、

我有Jasmine测试，也是用TypeScript编写的，它引用了它们用引用测试的各种类，如：当我编译测试时，TypeScript编译器会提取所有引用的类，并得到一个包含测试代码和正在测试的代码的JS文件。实际上，这对于只运行测试是很好的，但是现在我也想要代码覆盖率。据我所知，为了让伊斯坦布尔发

浏览 3提问于2016-04-11得票数 0

回答已采纳

1回答

如何在页面加载时加载函数

、

我正在使用带有钩子的react-native，并且每次用户打开我的react-native屏幕时，我都会尝试从AsyncStorage加载一个JSON。如何调用每次打开此屏幕时都会运行的函数？我知道如果没有钩子，这应该用useEffect来完成，但是当我把我的api调用放在那里时，它就会出错。

浏览 13提问于2020-01-11得票数 2

回答已采纳

1回答

使用jquery加载页面段并运行代码

、、

情况如下:我有一个主页，我有多个部分页面，我使用Jquery将这些部分页面作为导航.load到主页中。示例：$(主页).load(“partpage.pageContent”)；如您所见，我不加载整个页面，只加载一个段。谢谢，G3。

浏览 2提问于2014-11-18得票数 0

回答已采纳

3回答

加载页面时，如何自动运行函数？

、、、、

我有一个名为"getData“的函数，需要执行该函数才能显示某些信息。我希望它能够自动运行，但现在它只在单击激活该函数的按钮后才显示数据-请参阅(component.html)：我已经尝试在组件. to文件中插入ngOnInit()中的函数： this.getData()并在component.html文

浏览 0提问于2019-10-28得票数 1

回答已采纳

1回答