在页面加载时自动运行javascript代码[重复]

Posted

技术标签:

【中文标题】在页面加载时自动运行javascript代码[重复]【英文标题】:Auto run javascript code on page load [duplicate] 【发布时间】:2015-02-22 09:27:01 【问题描述】:

如何在页面加载后运行javascript代码,当页面加载时,它会触发,当我转到另一个页面时,它也会触发该页面的另一段代码,我该怎么做?

【问题讨论】:

window.onload = function() // do something 阅读 jquery $(document).ready() @Aditya 即 jquery。 这是一个如此简单的网络搜索javascript page load。请在此处发布基本问题之前付出一些努力 我的意思是他为什么会使用jquery来加载页面?这不是矫枉过正吗? @Aditya 【参考方案1】:

你可以试试

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript">
        function codeAddress() 
            alert('ok');
        
        window.onload = codeAddress;
        </script>
    </head>
    <body>

    </body>
</html>

点击这里http://jsfiddle.net/NEfR2/

【讨论】:

【参考方案2】:

document.ready() 是一个 jQuery 事件。 JQuery 的document.ready() 方法在 DOM 准备好后立即被调用(这意味着浏览器已经解析了 HTML 并构建了 DOM 树)。这使您可以在文档准备好被操作时立即运行代码。

例如,如果浏览器支持 DOMContentLoaded 事件(正如许多非 IE 浏览器所做的那样),那么它将触发该事件。但是,在文档的 readyState 达到“完成”之前,IE 无法安全触发,这通常会更晚。

你可以找到更多信息here(当然这需要加载jQuery)

【讨论】:

Ready 不是一种文档方法-正如您所指出的-jQuery 库的一个函数,它接受文档作为参数。 $(function() // .ready() 的处理程序被调用。);完全一样。

以上是关于在页面加载时自动运行javascript代码[重复]的主要内容,如果未能解决你的问题,请参考以下文章

加载页面后运行javascript [重复]

如何仅在页面加载的 10% 时执行 JavaScript

JavaScript代码在页面完成自动方式

JavaScript代码在页面完成自动方式

页面加载后运行 JavaScript(document.ready)[重复]

避免页面重新加载以及使用 Javascript/JQuery 重新加载时 [重复]