如何执行js函数onload？
执行JavaScript函数onload可以在页面加载完成后执行特定的操作。下面是一种常见的执行onload函数的方法：
- 在HTML页面中直接调用onload函数：
- 在HTML页面中直接调用onload函数：
- 这将在页面加载完成后调用名为onloadFunction的JavaScript函数。
- 使用JavaScript的addEventListener方法：
- 使用JavaScript的addEventListener方法：
- 这将在页面加载完成后调用名为onloadFunction的JavaScript函数。
- 使用jQuery的.ready()方法：
- 使用jQuery的.ready()方法：
- 这将在页面加载完成后执行包含在函数中的代码。
注意：以上方法都是基于前端开发中的操作，主要用于在页面加载完成后执行JavaScript函数。对于后端开发来说，执行函数的方法可能会有所不同，例如使用特定的服务器端框架或库。
关于腾讯云相关产品和介绍链接地址，可以根据实际需求和场景选择适合的产品，例如：
- 云函数（Serverless）：https://cloud.tencent.com/product/scf
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库MySQL版（CDB）：https://cloud.tencent.com/product/cdb_mysql
- 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
- 腾讯云音视频处理（MPS）：https://cloud.tencent.com/product/mps
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 区块链服务（TBaaS）：https://cloud.tencent.com/product/tbaas
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
以上仅为示例，实际选择的产品应根据具体需求和情况进行决定。
相关·内容
我有两个Javascript文件：
drawField.js和updateState.js
drawField.js有这样的电话：
window.onload = function() {
drawField(10);
}
它创建一个元素<div id="game-field">。
在updateState.js文件中，我使用了该元素：
function getGameField() {
var gameDivs = document.getElementById("game-field").children;
conso
浏览 2提问于2019-03-01得票数 1
回答已采纳
index.html
<html>
<head>
<script type="text/javascript" src="foo.js"></script>
<script type="text/javascript">
window.onload = function() {
console.log("hello from html");
};
</script>
</head>
<body>
<div class=&#
浏览 3提问于2013-04-01得票数 7
回答已采纳
我有我用js创建的iframe，这是我到目前为止拥有的代码：
<script>
function loadIframe(url) {
ifr = document.createElement("IFRAME");
ifr.setAttribute("src", url);
ifr.style.width = "800px";
ifr.style.height = "600px";
document.body.appendChild(ifr);
ifr.onload = r
浏览 4提问于2011-05-13得票数 0
1回答
我正在使用Processing.xhtml，它有
<html>
<head>
<script language="JavaScript" src="../js/processing-1.0.0.min.js" type="text/javascript"></script>
</head>
<body onload="doIt();">
<div style="clear:both; fl
浏览 0提问于2011-02-01得票数 4
我需要检查onload，如果一个锚是在URL中打开标签，如果需要的话。问题是，如果用户在onload函数触发之前打开一个选项卡，那么该选项卡就会关闭，用户需要再次打开它。如何解决这个问题？
HTML：
<body onload="checkurl()">
JS：
function checkurl(){
if (window.location.hash == '#about')
{
showhide('secabout');
}
else if (window.location.hash ==
浏览 0提问于2012-02-07得票数 0
我有以下使用托管opencv.js的简单html文件： <!DOCTYPE html>
<html>
<head>
<script
async
src="https://docs.opencv.org/master/opencv.js"
onload="onOpenCvLoaded();"
type="text/javascript"
></script>
</head>
<body>
浏览 23提问于2019-03-20得票数 1
回答已采纳
2回答
我需要在aspx页面加载后调用customFormElements.js js函数，在提交按钮被点击后。我可以这样做吗?如果可以，如何做？
window.onload选项不好...
我需要调用这个文件后，我按下提交按钮，因为使用aspx ajax库，清除我的js文件逻辑，我需要重新加载它。
浏览 0提问于2010-09-20得票数 0
回答已采纳
2回答
我使用JavaScript的次数越多，我就越想出有效的方法来加载和执行我的脚本。我发现有一种方法非常有用，那就是不阻塞地加载javascript。
function include_js(url) {
var script = document.createElement("script");
script.type = "text/javascript";
script.src = url;
document.getElementsByTagName("head")[0].appendChild(script)
浏览 2提问于2010-08-24得票数 1
回答已采纳
我对这个问题的答案感到困惑：
我有一些html：
<html>
<head>
<script type="text/javascript" src="/scripts/onload.js"></script>
</head>
<body onload="loadscript()">
</body>
</html>
loadscript()向头部插入另一个脚本。如何从插入的脚本立即调用函数？(不使用jQue
浏览 2提问于2014-09-09得票数 0
回答已采纳
我以前从未使用过javascript，所以我仍然在学习基础知识。
我在我的主文件index.html中包含了两个javascript文件。这样做的原因是让用户通过单击导航工具栏来选择要显示的javascript文件(图1、或图表2)。问题是，这两个javascript文件都有一个名为window.onload，的相同方法，因此它们可以互相替换。如何防止这两个javasript文件相互替换？
第一个javascript文件：
window.onload = function {// Preview diagram 1}
第二个javascript文件：
window.onload = funct
浏览 5提问于2015-04-18得票数 1
回答已采纳
我希望从名为james()的Javascript文件中加载一个名为hello.js的函数，该文件作为外部文件添加到index.html中。
我的问题是当james函数在$(document).ready(function())中声明时，它只是说'james函数是未定义的‘，而不是被调用的。如何使用onload调用在document.ready中声明的函数？
<html>
<head>
</head>
<body onload= "james()">
<script src=hello.js>
浏览 1提问于2018-10-08得票数 0
回答已采纳
3回答
我正在编写一个js脚本，人们可以通过在HTML的头部或主体部分添加一行代码来添加到他们的网站上。
我的问题是如何正确地对外部js文件执行onload。下面的代码可以工作吗？难道它不可能在文档的onload之后运行，并且错过onload事件吗？
function c_onload () { alert ('onload'); }
if (window.attachEvent) {window.attachEvent('onload', c_onload);}
else if (window.addEventListener) {window.addEventL
浏览 0提问于2009-02-16得票数 2
回答已采纳
2回答
我刚读到关于推迟装载js的文章。我发现Particks的文章非常有趣，。
我看了一下facebook和googles的js代码。它们都使用匿名函数，所以我想知道这是否是在加载页面之后推迟加载js？
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "http://connect.facebook.net/en_US/sd
浏览 2提问于2014-06-07得票数 0
回答已采纳
似乎初始化brython需要这样做：
<body onload="brython()">
在链接了brython.js之后，我尝试在另一个<script>中调用js中的brython()，但似乎没有被调用。
当我最终在浏览器控制台中调用brython时，它会调用brython，甚至执行我的python代码。
为了给出一个完整的例子来说明什么不起作用，这里有一个例子。我可能对javascript如何以及何时编译和执行缺乏一些基本的知识……
<!DOCTYPE html>
<html>
<head>
<script
浏览 2提问于2017-11-28得票数 2
2回答
具有以下代码：
<html>
<head>
<script>
function elem_onload() {
console.log("elem_onload");
};
</script>
</head>
<body onload="elem_onload()">
<scr
浏览 4提问于2016-01-12得票数 5
当用户单击扩展图标以触发弹出时，Chrome似乎会在显示任何内容之前等待所有js执行。
我想展示“装货.”在执行ajax以获取数据并显示数据之前，使用屏幕进行显示。
如何在执行js之前显示popup.html？
我试过window.onload和setTimeout。
更新：
我想做的是：
window.onload = function() {
setTimeout(function() {
var me = new MyApp();
me.getDbs("apps")
},5000);
}
一旦检索到dbs，getDbs就隐
浏览 1提问于2011-02-24得票数 0
回答已采纳
function loadScript(src, callback) {
let script = document.createElement('script');
script.src = src;
script.onload = () => callback(script);
document.head.append(script);
}
loadScript('/my/script.js', function() {
...
...
}); 在这里，当onload事件被触发时，回调函数被执行。但是何时会触发onloa
浏览 27提问于2020-01-24得票数 0
我在一个项目中使用D3.js，用SVG制作图表。该图使用SVG符号。我有javascript代码来管理这些带有onload事件的项目。
在浏览器中，比如webkit引擎，浏览器运行得非常好。但是Firefox...Firefox不会在SVG中运行任何onload事件。
嗯，我看到了这个bug，并认为Firefox是自由软件，这些人喜欢bug跟踪。我已经上传了bug 。
这些人的反应是"WONTFIX“。
检查bug的示例非常简单明了：
<html>
<head>
<title>test onload event in a sv
浏览 0提问于2016-03-08得票数 1
我首次在VisualStudio2015Enterprise上使用Apache创建了一个应用程序。
该应用程序是一个简单的时间表检查程序，用户根据全名和出生日期登录，然后显示正确的时间表。
我使用innerHTML更改索引页( div displayDiv精确地)以对应变量，使0= Login，1= Show，2=显示完整时间表页
问题是，我无法理解变量i是如何在每次更改innerHTML时一直被初始化的。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
浏览 4提问于2015-08-15得票数 2
回答已采纳
我正在安装，您正在向我展示以下信息。
这就是我要做的：
npm安装-全球基金会-cli
基金会新--框架电子邮件
npm --版本
npm WARN onload-script failed to require onload script npm-autoinit/autoinit
npm WARN onload-script Error: Cannot find module 'npm-autoinit/autoinit'
npm WARN onload-script at Function.Module._resolveFilename (module.js:32
浏览 1提问于2018-03-27得票数 0
回答已采纳
1回答
我的问题是关于脚本文件运行的顺序(顺序)。
我调用一个名为"aaa.js“的脚本文件，作为executeScript的回调，我有文件脚本"bbb.js"，如下所示：
chrome.tabs.executeScript(tabid, {file:"aaa.js", runAt: 'document_start' },
function() {
chrome.tabs.executeScript(tabid, {file:"bbb.js", runAt: 'document_start' });
浏览 5提问于2014-05-08得票数 0
我有两个单独的JavaScript文件链接到一个HTML文档，当我运行它时，第二个JS文件似乎会覆盖第一个文件。我认为这与每个文件中调用的window.onload有关，但我不知道如何解决这个问题。
我尝试在一个JS文件上使用window.onloadend，在另一个JS文件上使用window.onload，但是结果相同，window.onloadend是唯一被执行的文件。
file1.js
function init() {
applyFunction();
prefillForm();
var applyForm = document.getElementById(
浏览 0提问于2019-04-28得票数 0
回答已采纳
我得让users_url去messageView。你能帮帮我吗?
init.js
(function(global) {
"use strict;"
// Class ------------------------------------------------
function Config() {
var users_url = "some_url";
};
Config.defaultContainer = "body";
// Exports ----------
浏览 2提问于2015-07-02得票数 0
回答已采纳
在一个名为cookieRedirect.js的外部文件中有Load()函数，我希望在标记之前加载该函数。
我以前是这样装的：
<script type="text/javascript" src="cookieRedirect.js"></script>
</head>
<body onload=Load();>
但当我尝试这个时，它不起作用：
<script type="text/javascript" src="cookieRedirect.js">
浏览 5提问于2012-07-22得票数 2
回答已采纳
我想在JS中做一些类似于库的东西。如果表有一个class="aClass“，我想使用JS自动修改它的一些元素。
我试过这样做：
window.onLoad = LoadSetup();
function LoadSetup()
{
tables = document.getElementsByTagName("table");
alert(tables.length); // it's 0 though there are is one in the document
}
但是我觉得这个函数是在加载html之前运行的。如何解决这个问题？
浏览 2提问于2011-09-16得票数 0
回答已采纳
通过加载以下简单的javascript和html，我得到了著名的
Uncaught :无法读取属性值为null
在window.onload事件期间，当且仅当我在事件处理程序赋值上包含括号时，如下所示。如果我把那一行改为
window.onload = verifyAdd；
(没有括号)我没有收到我的chrome/firefox调试面板中的错误。为什么确切地说？功能上有什么不同吗？
Javascript：
window.onload = verifyAdd();
function verifyAdd() {
var first;
first = docume
浏览 2提问于2014-08-02得票数 0
我有一个非常裸露的HTML页面，加载2个JS文件。然后，其中一个JS文件会将不同数量的内容加载到页面中。
对于这些额外的内容，我正在尝试获得window.onload的等价物。显然，当页面加载完这两个JS文件时，window.onload实际上会非常迅速地触发。
有什么想法吗？我知道我可以将onload事件附加到页面上的每个图像/脚本/等，但我不希望...
浏览 0提问于2011-06-11得票数 0
回答已采纳
有没有办法确定外部脚本何时加载和执行？我知道我们可以使用onload事件来确定它何时加载，如下所示：
<script src=script.js async></script>
<script>
document.getElementsByTagName('script')[0].onload = function(){...}
</script>
但是如何加载和执行呢？
浏览 1提问于2015-02-17得票数 6
在Javascript中加载类中的图像时，如何让回调成为类的方法而不是全局方法？
tc = new TestClass();
var TestClass = function(){
var img = new Image();
img.src = 'mars.png';
img.onLoad = this.imagesHasLoaded(); //does not work,
//uncaught TypeError: Object [object Object] has no method 'imagesHasL
浏览 70提问于2012-08-04得票数 0
1回答
在wapp.js中，JavaScript中有以下类：
function Wapp() {
this.page = function($page_name) {
this.onLoad = function($response) {
}
}
this.navigate = {
changePage: function(link) {
// Ajax request to load the page
$.post(link, {}, function(response) {
浏览 0提问于2016-01-17得票数 3
回答已采纳
在我更改所有代码之前，我只想验证一下我是否需要。
在ready()函数中有几个内联的js和jquery函数：
$(document).ready(function(){ do_something(); ...
这些函数中的许多函数依赖于包含在外部js文档中的其他函数。它们还使用在外部样式表中定义的类。
现在，我已经更改了外部js和css的加载，使其延迟加载(正如谷歌所推荐的那样)：
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else
浏览 2提问于2013-01-06得票数 9
我正在尝试将集成到我的自定义Drupal模块的一个页面中。我已经使用drupal_add_js包含了js文件，但是我不知道如何初始化它。
该库文档指出，init函数应该像这样调用
<body onload="REDIPS.drag.init()">
我如何在Drupal中做到这一点呢？或者Drupal有没有更好的初始化脚本的方法？
浏览 1提问于2010-08-25得票数 2
回答已采纳
当单击链接时，我使用jQuery的load函数加载链接的内容，除了页面中的JavaScript之外，所有功能都很好。
我猜这是因为它没有被应用到新的内容中。
我看了一下$.getScript函数，但我并不完全理解它，而且我尝试过的东西也不起作用。
到目前为止，我创建的JavaScript：
var dest = new Array(4);
dest[0] = window.location.href;
dest[1] = 'content/index.php';
dest[2] = 'content/slideshow.php';
dest[3] = '
浏览 1提问于2012-01-18得票数 0
回答已采纳
我不知道这段代码有什么问题。在定义了如下脚本之后：
var script = document.createElement('script');
script.src = 'http://example.com/file.js';
script.type = 'text/javascript';
script.onload = function(){
//code to execute after script loads
}
然后，我有以下几行：
(document.head || document.getElementsByTagNa
浏览 4提问于2015-01-07得票数 2
回答已采纳
我刚接触过Javascript。我想包含两个以上的js(javascript)文件。当我在输入字段上键入某些内容(文本)时，particuar函数将不执行。只有最后一个js文件(three.js)才能工作。我错过了什么请告诉我。
我的代码：
Text.html
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<title>Myweb</title>
<
浏览 2提问于2019-06-06得票数 2
回答已采纳
展示了如何从Chrome扩展动态地将JavaScript插入页面：
var s = document.createElement('script');
// TODO: add "script.js" to web_accessible_resources in manifest.json
s.src = chrome.extension.getURL('script.js');
s.onload = function() {
this.parentNode.removeChild(this);
};
(document.head||do
浏览 0提问于2015-03-29得票数 0
回答已采纳
我有一个横幅旋转器脚本与以下代码： window.onload = function() {
var advertises = document.getElementsByClassName("MainAdverTiseMentDiv");
var scripTags = document.getElementsByClassName("adScriptClass");
var scripturl = scripTags[0].getAttribute('src');
var siteurl = scriptur
浏览 14提问于2020-04-02得票数 0
4回答
我正在尝试建立一个网站，让我可以看到我的屏幕。
但我不知道如何才能让它显示的图像不断变化。
谢谢你的帮助
下面是我当前的JS代码：
window.onload = refreshBlock();
function refreshBlock()
{
document.getElementById("video").innerHTML = "<img src='image1.jpg' width='1000' height='500'></img>"
setInterval(&#
浏览 2提问于2019-05-06得票数 0
我有一个外部JS文件，可以加载到我的HTML中
<script type="text/javascript" src="../js/busy.js"></script>
脚本文件本身如下所示：
window.onload = setupFunc;
function setupFunc() {
document.getElementsByTagName('body')[0].onclick = clickFunc;
hideBusysign();
Wicket.Aja
浏览 0提问于2011-09-20得票数 1
回答已采纳
我有一个简单的JS函数，它将文本行加载到无序列表中。
Javascript
function loadText() {
document.getElementById("text1").innerHTML = "Text1";
document.getElementById("text2").innerHTML = "Text2";
document.getElementById("text3").innerHTML = "Text3";
}
window.onload =
浏览 1提问于2014-08-05得票数 2
回答已采纳
长话短说，我会给你看代码。
some.html
<html><script src="some.js"></script></html>
some.js
window.onload = () => console.log( "onload" );
(async (url, cb) => cb( await ( await fetch(url) ).json() ))
( "some.json", () => console.log( "in async" ) );
浏览 0提问于2019-09-14得票数 1
回答已采纳
我有以下代码，可以在Chrome和MS Edge上运行，但不能在Firefox上运行。
Parent.html有这个脚本。
<html>
<body>
<script>
var ifr1 = document.createElement('iframe');
ifr1.onload = function() {
alert("iframe 1 loaded") //fires on all browsers
script = ifr1.contentWindow.document.createElement(
浏览 0提问于2015-11-05得票数 1
2回答
我正在尝试按顺序加载一组脚本，但是onload事件并没有为我触发。
var scripts = [
'//cdnjs.cloudflare.com/ajax/libs/less.js/1.3.3/less.min.js',
'//cdnjs.cloudflare.com/ajax/libs/handlebars.js/1.0.0-rc.3/handlebars.min.js',
MK.host+'/templates/templates.js'
];
function lo
浏览 3提问于2013-04-26得票数 117
回答已采纳
我有一个js函数，如下所示
function showProducts(){
document.getElementById("shopList").innerHTML = "<ul><li>Test Text</li></ul>";
}
这是一个必须显示我的产品数组的函数。我已经在我的html页面中用id="shopList"创建了一个div
<div id="shopList">
</div>
但是如何调用函数来
浏览 0提问于2012-05-15得票数 1
我已经在我的html.twig模板中找到了这一行。
<div class="panel panel-default" onload="(this.class = determineClass(this))">
后来：
var determineClass = function(element) {
if (element.offsetHeight < element.scrollHeight) {
return element.class + ' some_class';
} else {
浏览 1提问于2016-01-23得票数 1
回答已采纳
我收到以下突出显示callback(result);的错误
Uncaught :r不是Image.onload中的一个函数(webp-support.js:6)
导出文件(webp-support.js):
export default (callback) => {
let img = new Image();
img.onload = _ => {
let result = (img.width > 0) && (img.height > 0);
callback(result);
}
浏览 1提问于2019-08-20得票数 0
回答已采纳
4回答
为了在加载页面后执行所有命令，我正在维护一个数组，该数组推送所有命令。这项工作是通过以下方式进行的：
<img src='holder.js/200x280/text:name'
alt='name' width='200px'
onload='getPoster(this, name)'>
这是一个迭代过程，在一个循环中运行大约20次。
我希望一旦完成了(页面被完全加载)，并且所有的onload()事件都被堆放到数组中，然后逐一执行。
我原以为$(document).ready()会让我做到这
浏览 6提问于2013-04-22得票数 0
回答已采纳
在谷歌为其API (例如)提供的各种javascript示例中，它们使用以下代码从html加载脚本：
<script async defer src="https://apis.google.com/js/api.js"
onload="this.onload=function(){};handleClientLoad()"
onreadystatechange="if (this.readyState === 'complete') this.onload()">
</script>
浏览 2提问于2018-01-09得票数 2
回答已采纳
2回答
以下是我想要完成的任务：
在html中，当页面加载(Onload)时，我想运行一个CGI脚本，它是一个C程序，用于在其中运行一个函数。
我正在考虑在html中调用JS函数onload：
<body onload="MyJsFunc();">
然后在JS文件中：
function MyJsFunc()
{
//call MyCGIfunc()
}
现在，我该如何调用上面的cgi呢？
我不确定我想要完成的事情是否可行。
注意:我不能使用jquery
浏览 3提问于2013-08-23得票数 0
1回答
由于某些原因，我必须将页面上的div位置从中间移到顶部，我必须使用纯js：
addLoadEvent(function(){
...
initDivPosition
...
});
function addLoadEvent(func) {
var oldonload = window.onload;
if(typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload
浏览 1提问于2013-11-16得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
