你如何在 Javascript 中使用 onPageLoad？答案

【问题标题】：How do you use onPageLoad in Javascript?你如何在 Javascript 中使用 onPageLoad？
【发布时间】：2010-10-27 17:39:44
【问题描述】：

我尝试过使用

onPageLoad: function() {
    alert("hi");
}

但它不会工作。我需要它作为 Firefox 扩展。

有什么建议吗？

【问题讨论】：

在 html 页面中指定您在什么上下文中使用它？在扩展中？
你是说标题中的onPageLoad吗？
sry 是的，我的意思是 onPageLoad 及其在 firefox 扩展中

标签： javascript firefox tabs onpageloadstring

【解决方案1】：

       <script language="javascript">

    window.onload = onPageLoad();

    function onPageLoad() {
        alert('page loaded!');
        }
</script>

【讨论】：

window.onload = onPageLoad(); 立即向onPageLoad 发出调用，这违背了目的。

【解决方案2】：

var itsloading = window.onload;

或

<body onload="doSomething();"></body> 
//this calls your javascript function doSomething

你的例子

<script language="javascript">

function sayhi() 
{
  alert("hi")
}
</script>

<body onload="sayhi();"></body>

编辑 -

对于firefox中的扩展On page load例子

【讨论】：

【解决方案3】：

如果您想在原版 javascript 中执行此操作，只需使用 window.onload 事件处理程序。

window.onload = function() {
  alert('hi!');
}

【讨论】：

【解决方案4】：

假设您的意思是 onload-event：

您应该使用像 jQuery 这样的 javascript 库来使其在所有浏览器中都能正常工作。

<script type="text/javascript">
    $(document).ready(function() {
        alert("Hi!");
    });
</script>

如果您真的不想使用 javascript 库（不要期望它在所有浏览器中都能正常工作。）：

<script type="text/javascript">
    function sayHi() {
        alert("Hi!");
    }
</script>
<body onload="javascript:sayHi();">
...

【讨论】：

jQuery 文档就绪事件与 onload 事件不同。解析 DOM 时触发 ready 事件，加载页面上的所有项目（图像等）时触发 onload 事件。
另外，的语法如下：。添加 javascript: 将不起作用。