在页面加载后运行javascript_Javascript_Jquery_Pageload

在页面加载后运行javascript

javascript jquery

在页面加载后运行javascript,javascript,jquery,pageload,Javascript,Jquery,Pageload,设置帐户ui移动视口ui-overlay-c 当我加载页面时，如下所示： var location = location.href+"&rndm="+2*Math.random()+" #updatecomment0>*" $("#updatecomment0").load(location, function(){}); 我在updatecomment0div上运行了多个脚本： <div id="updatecomment0"> <div i

设置帐户ui移动视口ui-overlay-c

当我加载页面时，如下所示：

var location    =   location.href+"&rndm="+2*Math.random()+" #updatecomment0>*"
$("#updatecomment0").load(location, function(){});

我在

updatecomment0

div

上运行了多个脚本：

<div id="updatecomment0">
    <div id="javascript1">hi</div>
    <div style="float:right;" class="javascript2">delete</div>
</div>


你好
删除

我不知道如何使其他Java脚本在页面加载后运行。
有人能告诉我怎么处理这个吗。

谢谢

$（document）.ready（）

除非在加载页面之前需要javascript执行某些操作，否则请将脚本添加到html文档底部，就在正文结束标记之前。页面加载速度更快，您可以在js文件中执行任何需要的操作，而无需准备文档的函数

如果脚本是最后一个加载的，则DOM已保证“准备就绪”。

在

准备就绪

jQuery(document).ready(function(){

// write here
});

建议：使用

live

或

bind

使用jQuery，您可以非常轻松地完成这项工作

jQuery(document).ready(function(){
    alert('Your DOM is ready.Now below this u can run all ur javascript');
});

您可以使用

setTimeout

方法使JavaScript等待指定的时间：

.setTimeout("name_of_function()",time_in_millis);

这里有一个布局示例

<script type="text/javascript">
    $(document).ready(function(){
        /// here you can put all the code that you want to run after page load
        function Javascript1(){
            //code here
        }

        function Javascript2(){
            // code here
        }

        $("#btnOK").live('click',function(){
            // some codes here
            Javascript1();
            Javascript2();
        });

    });
</script>

<div id="MyDiv">
    <input type="button" id="btnOK" value="OK"/>
</div>


$（文档）.ready（函数（）{
///在这里，您可以放置页面加载后要运行的所有代码
函数Javascript1（）{
//代码在这里
}
函数Javascript2（）{
//代码在这里
}
$（“#btnOK”）.live（'click'，function（）{
//这里有一些代码
Javascript1（）；
Javascript2（）；
});
});

我希望这也能对您有所帮助，我遇到了一个类似的问题，我在加载页面内容之后（比如在AJAX请求在div中显示页面之后）调用了以下命令来解决这个问题：

记住不要在加载的文档中调用它，而是在加载它的函数中，在加载后调用它。

使用普通Javascript，可以这样做：

<html>
<head>
<script type="text/javascript">

// other javascript here

function onAfterLoad() { /*...*/ }

// other javascript here

</script>
</head>
<body>

<!-- HTML content here -->

<!-- onAfterLoad event handling -->
<div style="display:none;"><iframe onload="onAfterLoad();"></iframe></div>
</body>
</html>


//这里有其他javascript
函数onAfterLoad（）{/*…*/}
//这里有其他javascript

$（document）.ready（）

是您所需要的一切。

使用

.load

的回调函数。为什么所有内容都是黑体字？我们也可以读取正常的字体权重；）即使在主页之后加载内容，这种方法也有效吗？如何加载新内容？假设使用某个元素的

onClick

事件加载内容。这行得通吗？不太清楚你的问题是什么

$（document）.ready（handlerFunction）

在加载文档时只需执行

handlerFunction

。如果希望使用

onClick

加载的内容发生意外，可以在

onClick

处理程序中指定。我在$（document）.ready（）之前使用它，但它不起作用。在上面的示例布局中，我尝试使用一个简单的javascript.hide div after.load，它可以正常工作。谢谢你是的，我试试看。我不知道$（document）.ready（function（）{与jQuery（document）.ready（function（）{）之间有什么区别，但我会再尝试一下，它们没有区别。

只是

jQuery

的别名是的，在加载页面之前我需要做一些javascript。我尝试jQuery（document）.ready（function（））{使用.live示例布局，到目前为止还不错。是的，我将$（document）.ready（function（）{更改为jQuery（document）.ready（function（））{我需要根据另一个元素的高度调整某些元素的大小。如果您尝试类似的操作，这对我很有效。@Benyamin请将此帖子标记为答案或您认为解决问题的答案。谢谢！：D

<html>
<head>
<script type="text/javascript">

// other javascript here

function onAfterLoad() { /*...*/ }

// other javascript here

</script>
</head>
<body>

<!-- HTML content here -->

<!-- onAfterLoad event handling -->
<div style="display:none;"><iframe onload="onAfterLoad();"></iframe></div>
</body>
</html>

$(window).load(function() {
    // code here
});