使用JavaScript或jQuery动态加载div标签内的html页面.
<html>
<head>
<title>Untitled Document</title>
</head>
<script type="text/javascript">
$(document).ready(function(){
$('#btn').click(function(){
$('#div_content').html('C:/xampp/htdocs/ex1.html');
});
});
</script>
<body>
<input type="button" id="btn" value="Load" />
<div id="d_content">
</div>
</body>
</html>
但它没有工作..
您遇到的问题是javascript被page.html视为对象,访问该属性html.你需要做的是引用字符串,所以它被视为它的意图..作为一个字符串:
$('#div_content').load('page.html');
更新1:
首先,你上面所说的是jQuery.jQuery是一个javascript库,在使用任何jquery对象的方法之前必须包含在head标签中:
<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>
您必须在文档头中包含上面的行,才能访问jQuery $对象的方法和属性.
您当前没有这样做的事实是您的代码被破坏并拒绝工作的原因.此外,根据您的设置,您可能希望自己提供jquery文件,在这种情况下,您可以下载它并将其放在服务器上的某个位置.
其次,C:\不是你的网络根. localhost是的,为了让这一点工作,你将不得不使用'ex1.html'的网址.而已.由于您的文档已经在Web根目录中(或者至少我认为是),因此它应该可以访问任何相邻文件......否则..
假设您的索引文件位于htdocs中.您的索引的URL将是localhost/index.ext(使用ext是您使用的任何文件扩展名).然后ex1.html是在另一个文件夹中,比如'folder1'.要正确地访问它在你的jQuery代码.. folder1/ex1.html.
最后,脚本标签进入头部或身体..但不是.
| 归档时间： |
|
| 查看次数： |
53700 次 |
| 最近记录： |