Question

如何转换此脚本以便触发onload而不是单击按钮？我试图理解这一点，但它并没有陷入其中。感谢

<script type="text/javascript"> 
jQuery(function($){
    // unordered list
    $('button.item').click(function(){
        $('ul').foo();
    });

});
</script>
</head>     
<body>
<ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>
<button class="item">foo</button>

Answer 1

使用load函数在onload事件上执行该函数：

<script type="text/javascript"> 
$(window).load(function(){
       $('ul').foo();    
});
</script>

请注意，如果您不需要加载所有内容（例如子元素，主要是图像），那么使用$(callback)时，通常最好在dom准备好后立即执行您的函数：

<script type="text/javascript"> 
$(function(){
       $('ul').foo();    
});
</script>

Answer 2

 <script type="text/javascript">
function abc() {
    alert('ok');
}
window.onload = abc;
</script>

Answer 3

您可以使用以下内容：

<body>
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
  <li>5</li>
  <li>6</li>
</ul>
<script type="text/javascript"> 
$(document).ready(function() {
  $('ul').foo();
});
</body>

如果您在文件末尾调用它会更好，只需关闭<body>标记即可。

函数$(document).ready(function(){...是你在页面加载时需要做的事情。

我建议你查看w3schools中的jQuery教程：http://www.w3schools.com/jquery/default.asp

Document.ready的反应比window.onLoad

更快

如何使用onload事件转换按钮单击？

3 个答案: