javascript - 内联 Javascript 破坏了我的 HTML/CSS

标签 javascript jquery html css

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

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

我试过将我的 html 放在正文中和脚本外部,在脚本中但在 jquery 函数之外,以及在 jquery 函数内部。我怎样才能在这个页面上得到一个简单的“Hello World”?

最佳答案

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

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

关于javascript - 内联 Javascript 破坏了我的 HTML/CSS,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29499348/

相关文章:

jquery - 寻找用于 HTML/JQuery 的可拖动复选框列表控件

javascript - CSS 样式和 Jscript 未在 MS Outlook 2007 中正确反射(reflect)

c# - 面临 ShowModalDialog 问题

JavaScript 跳过 AJAX Post

javascript - 强制子 div 中的文本适合父级

javascript - 下拉菜单的默认值也适用于正则表达式

ajax - $(this) 对象在 AJAX 回调中不可用

javascript - 将选择选项上的 id 设置为禁用 javascript

javascript - 接口(interface)中的派生属性

javascript - jQuery get - 使用返回值