我正在学习如何将外部html文件包含到当前的html中,我编写了这样的简单代码
<html>
<head runat="server">
<title>Untitled Page</title>
<script type ="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script type="text/javascript" >
$(document).ready(function(){
{
$("div").load("test.html") ;
}
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div id = "div1" >
</div>
</form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
test.html内容是
<h1>done!</h1>
Run Code Online (Sandbox Code Playgroud)
输出是
完成了!
完成了!
完成了!
当我更换
$("div").load("test.html") ;
Run Code Online (Sandbox Code Playgroud)
同
$("#div1").load("test.html") ;
Run Code Online (Sandbox Code Playgroud)
要么
$("form").load("test.html");
Run Code Online (Sandbox Code Playgroud)
输出是
完成了!
我真的很想知道它是如何工作的