使用jQuery时的空白页面

时间:2013-08-25 16:42:02

标签: javascript jquery

今天我开始使用Sublime Text 3和LiveReload,但我通常不能用它开发,因为总是当我开始在JavaScript文件中编写代码时,我得到的空白页只有一个参数来自我的JavaScript文件..其他所有无视......

所以我制作了youtube视频,以展示它的外观。 http://youtu.be/a_CEqNSc82M

这是我的index.html

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" href="style.css">

<script src="jquery.js"></script>
<script src="script.js"></script>
</head>
<body>

<div id="navigation">
  <ul>
    <li><a href="#">But43 trej gfdf</a></li>
    <li><a href="#">in my case i need</a></li>
    <li><a href="#">some words different</a></li>
    <li><a href="#">length</a></li>
    <li><a href="#">some words different</a></li>
    <li><a href="#">length</a></li>
  </ul>
</div>

<script>document.write('<script src="http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1"></' + 'script>')</script>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

document.write奇怪地覆盖了整个文档,就像那样使用,这就是为什么它是空白的?

此外,在脚本标记中编写脚本标记并不起作用,您应该使用以下方法将脚本标记添加到head部分:

<script type="text/javascript">
    var head    = document.getElementsByTagName('head')[0];
    var script  = document.createElement('script');

    script.type = 'text/javascript';
    script.src  = 'http://' + (location.host || 'localhost').split(':')[0] + ':35729/livereload.js?snipver=1';

    head.appendChild(script);
</script>