Tri*_*der 3 html javascript jquery logic concept
我是一个jquery首发,所以如果它是一个错误的人原谅我:)
我只是想知道为什么将内容放在不同的位置使这个脚本工作,尽管我最好的想法脚本保留在head文档的部分.请解释一下这个概念.
工作守则
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Example 2</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<p>
</p>
<script type="text/javascript">
jQuery("p").html("Check if jQuery Supports Ajax method : "+ jQuery.support.ajax );
</script>
</body>
</html>
不工作
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Example 2</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript">
jQuery("p").html("Check if jQuery Supports Ajax method : "+ jQuery.support.ajax );
</script>
</head>
<body>
<p>
</p>
</body>
</html>
在第二个实例中,代码在<p>被解析为DOM树之前执行,因此当它仍然有效时,无处输出输出文本.换句话说,jQuery("p")匹配没有元素,所以.html()"什么都不做".
您可以通过等待DOM完全解析来解决此问题:
jQuery(function() {
jQuery("p").html(...);
});
或者使用不依赖于<p>现有的输出机制,例如alert()或console.log().
| 归档时间： |
|
| 查看次数： |
92 次 |
| 最近记录： |