Question

当html加载时，是否会自动调用以下js函数？我该如何手动调用它？（使用事件或点击）

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#divId").load("http://google.com"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="divId" style="display:none;"></div>
  </body> 
</html>

Answer 1

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
        $('#btn').on('click', function() {
            $("#divId").load("http://google.com", function() {
                $(this).show(); // it's display:none ?
            }); 
        });
    });
    </script> 
  </head> 

  <body> 
     <button id="btn">click to load</button>
     <div id="divId" style="display:none;"></div>
  </body> 
</html>

请注意，由于原始政策和Google标题相同，因此加载Google无效。

Answer 2

文档准备好后：

<head>
<script>
$(document).ready(function () {
$("#divId").load("http://google.com"); <!-- I don't know what you are trying to do here? -->
});
</script>
</head>

<body>
<div id="divId" style="display:none;"></div>
</body>

点击

<head>
<script>
$(document).ready(function() {
    $(".button a").click(function(e) {
        e.preventDefault();
        $("#divId").load("http://google.com"); <!-- Load Google won't work -->
    });
});
</script>
</head>

<body>
<li class="button"><a href="#">Load</a></li>
<div id="divId" style="display:none;"></div>
</body>

如何手动调用js函数

2 个答案: