gpt4 book ai didi

javascript - 如何执行一个js函数onload?

转载 作者:行者123 更新时间:2023-11-30 07:12:58 24 4
gpt4 key购买 nike

下面是一个功能齐全的工作代码。当我复制粘贴到文本文件时 testFile.html然后用浏览器打开它就可以正常工作了。

但我想要 selectCollegeinitViz 之后立即执行的函数功能

我试过了

<body onload="initViz();selectCollege('Engineering');"> . . .

但是没有用。我怎样才能制作 selectCollegeinitViz 之后立即执行的函数?

<!DOCTYPE html>
<html>

<head>
<title>Select Marks</title>

<script type="text/javascript"
src="https://public.tableau.com/javascripts/api/tableau-2.min.js"></script>

<script type="text/javascript">
var viz, sheet;

function initViz() {
var containerDiv = document.getElementById("vizContainer"),
url = "http://public.tableau.com/views/RegionalSampleWorkbook/College",
options = {
"Academic Year": "",
hideTabs: true,
onFirstInteractive: function () {
sheet = viz.getWorkbook().getActiveSheet();
}
};

viz = new tableau.Viz(containerDiv, url, options);
}

function selectCollege(college_name) {
sheet.selectMarksAsync("College", college_name, tableau.SelectionUpdateType.REPLACE);
}

</script>
</head>

<body onload="initViz();">
<div id="vizContainer"></div>
<br />
<button onclick="selectCollege('Engineering');">Select a value</button>

</body>

</html>

最佳答案

selectCollege() 中,您试图在 tableau.Viz 的回调函数中定义它之前访问 sheet options 对象,即 onFirstInteractive()。为了解决这个问题,您可以在该函数中定义sheet 之后调用该函数:

options = {
...
onFirstInteractive: function () {
sheet = viz.getWorkbook().getActiveSheet();
selectCollege('Engineering');
}
};

并根据this forum , onFirstInteractive() 将在您的 tableau.Viz 实例首次呈现时调用一次。

关于javascript - 如何执行一个js函数onload?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45788127/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com