内联Javascript破坏了我的HTML / CSS

时间:2015-04-07 19:09:15

标签: javascript jquery html css

这是我第一次尝试在一个站点中使用jquery,javascript和HTML / CSS。我有一个使用jquery和javascript的工作内联脚本标记。不幸的是,我似乎无法在页面上创建任何结构(一个h1标题,一边,将渲染的javascript移动到任何地方......),而这个脚本在我的index.html中。我已经做了很多研究但是我在这里缺少一些基本因素,因为我只能有一个或另一个。谁能指出我正确的方向?这是一个缩减的部分:

<body>
<script>
  $(document).ready(function(){
    var $body = $('body');
    $body.html('');
    //code code code
    }
  });
</script>

我已经尝试将我的html放在正文和脚本之外,在脚本中,但在jquery函数之外,以及在jquery函数内部。我怎么能得到一个简单的&#34; Hello World&#34;在这个页面上?

2 个答案:

答案 0 :(得分:2)

发生的事情是,一旦页面加载完毕,或ready,您就会通过$body.html('')将HTML设置为空。

您可以尝试将其更改为$body.append('This was generated by jQuery!'),除了某些文字外,您还会看到您的硬编码HTML。

答案 1 :(得分:1)

你的脚本是身体的一个孩子,你通过将空字符串设置为清除内部html - 在此过程中删除你的内联脚本。您是否尝试过将脚本移至Head部分?