页面仅加载JavaScript部分，H1标签无法显示的原因咨询

嘿，这问题其实一眼就能看穿——你代码里的$body.html('')这行就是导致H1消失的关键！

当你给html()方法传空字符串时，它会彻底清空<body>标签里的所有内容，包括你写的<h1>hello</h1>。这就是为啥JavaScript能正常跑，但H1标签死活不显示的原因。

给你几个实用的解决思路，按需选就行：

• 如果只是想添加新内容，别清空原有内容：
  把$body.html('')换成$body.append('你的新内容')或者$body.prepend('你的新内容')。这俩方法会在body的末尾/开头新增内容，不会覆盖掉原来的H1。

• 如果必须清空body，但要保留H1：
  可以先把H1元素存起来，清空后再重新加回去，代码示例如下：

  $(document).ready(function(){
    var $body = $('body');
    // 先把H1元素存到变量里
    var $helloTitle = $body.find('h1');
    // 清空body内容
    $body.html('');
    // 把H1重新放回去，再添加你需要的其他内容
    $body.append($helloTitle);
    // 这里继续写你的其他代码逻辑
  });
  

• 新手小提示：
  jQuery的html()方法不带参数是获取内容，带参数就是替换所有内容；而append()/prepend()是在原有内容基础上添加，下次用的时候可得分清哦~

内容的提问来源于stack exchange，提问作者Ashleigh K