你如何在 Javascript 中使用 onPageLoad?

Posted

技术标签:

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

我尝试过使用

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

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

有什么建议吗?

【问题讨论】:

html 页面中指定您在什么上下文中使用它?在扩展中? 你是说标题中的onPageLoad吗? sry 是的,我的意思是 onPageLoad 及其在 firefox 扩展中 【参考方案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: 将不起作用。

以上是关于你如何在 Javascript 中使用 onPageLoad?的主要内容,如果未能解决你的问题,请参考以下文章

reportlab中的多行(段落)页脚和标题

GridviewPager 不路由 onpaging 事件

jQuery插件-onpage-检查当前页面上的选择器

如何在codebehind的pageload事件被触发之前,在页面加载时将一个会话存储值传递到文本框中?

reportlab 中的多行(段落)页脚和页眉

你如何在 Javascript 中使用 onPageLoad?