<div id='myDiv' onload='fnName()'></div>
无法使用
window.onload = function () {
fnName();
};
or
$(document).ready(function () {fnName();});
有什么想法？
如果您是动态注入
onload属性可能不会触发，但也许它仍然有效...？但是，您可以轮询该元素，只需执行此操作即可（类似于YUI的onContentAvailable）：
// when the document has loaded, start polling
window.onload = function () {
(function () {
var a = document.getElementById('myDiv');
if (a) {
// do something with a, you found the div
}
else {
setTimeout(arguments.callee, 50); // call myself again in 50 msecs
}
}());
};
或者你可以更改标记（我不了解XSL），使其类似于以下内容：
在页面前面：
<script type="text/javascript">
function myDivInserted() {
// you're probably safe to use document.getElementById('myDiv') now
}
</script>
<div id="myDiv"></div>
<script type="text/javascript">
myDivInserted();
</script>
这有点巧妙，但应该能够工作。
<div id="myDiv">，那么你需要找到一种方法来推迟直到该<div>出现。 - Dan Beam// select the target node
var target = document.querySelector('#some-id');
// create an observer instance
var observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
console.log(mutation.type);
});
});
// configuration of the observer:
var config = { attributes: true, childList: true, characterData: true }
// pass in the target node, as well as the observer options
observer.observe(target, config);
// later, you can stop observing
observer.disconnect();
如果你还没有使用jQuery，那么没有理由为了这个而开始使用它，你可以写成：
window.onload = function () {
fnName();
};
$(document).ready(function() {
// Your fnNamt function here
});
编辑
Kobi提出了一个很好的观点。
你也可以这样写 $(document).ready(function(){fnNamt();});， 或者更简单地写成 $(document).ready(fnNamt);， 甚至可以写成 $(fnNamt)
$(document).ready(function(){fnNamt();});，或者更简单的 $(document).ready(fnNamt);，甚至是令人困惑的 $(fnNamt);。 - Kobi使用纯JS而不是jQuery，例如：
<script type="text/javascript">
function bodyOnLoad() {
var div = document.getElementById('myDiv');
// something with myDiv
...
}
</script>
<body onload="bodyOnLoad()">
....
<div id='myDiv'></div>
....
</body>
我曾经遇到过同样的问题，后来搜索了一下找到了解决方法。
在我的情况下，javascript会将index.html的头部添加到一个tab content html文件中进行加载，当onload时，我想将该tab添加到dom中、显示它，并做其他js操作以更改tab的样式。
我加入了.onload = function(event) {...}这一行代码。
var link = document.createElement('link');
link.rel = 'import';
link.href = 'doc.html'
link.onload = function(event) {...};
link.onerror = function(event) {...};
document.head.appendChild(link);
这个问题可以考虑使用jQuery/ready(..)吗？
就像这里所示：http://api.jquery.com/ready#fn
在你的问题背景下，
$(document).ready(function () {fnNamt();});
SwitchFUnc = false;
function FuncName(div_id) {
var doc = window!=null ? window.document : document;
var DivExists = doc.getElementById(div_id);
if (DivExists) {
//something...
SwitchFunc = true; //stop the circle
}
}
while (SwitchFunc!=true) {
FuncName('DivId');
}
$(document).ready(f);仍然有效，因为它在 DOM 准备就绪时触发。 - Albireo