Question

我正在使用以下代码，当我点击Link1时，它的工作完成，我想要做的是它应该自动在pageload上激活事件loadContent，该怎么做？

<head>
<title>jQuery test page</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
function loadContent(elementSelector, sourceUrl) {
$(""+elementSelector+"").load("http://abc.com/"+sourceUrl+"");
}
  </script>

</head>
<body>
<a href="javascript:loadContent('#content', 'displayimages.php');">Link 1</a>
<div id="content">content will be loaded here</div>
</body>
</html>

Answer 1

请在您的文档的脚本标记中。当页面完全加载时，将执行此块中包含的代码。

$( function() {
    loadContent('#content', 'displayimages.php');
}

Answer 2

只需在页面加载时调用方法

$(document).ready(function(){
   loadContent('#content', 'displayimages.php');
});

Answer 3

只需在脚本标记内的函数外添加loadContent（'＃content'，'displayimages.php'），因此只要页面加载就会调用它。基本上，您的脚本标记现在看起来像

    <script type="text/javascript">  
// The function call
    loadContent('#content', 'displayimages.php')

// The actual function
    function loadContent(elementSelector, sourceUrl) {  
    $(""+elementSelector+"").load("http://abc.com/"+sourceUrl+"");  
    }  
    </script>

另一个选择是在body onload上调用它，方法是将body标签更改为

<body onload="loadContent('#content', 'displayimages.php')">.

希望这有帮助。

Jquery onclick事件更改为onload

3 个答案: