0

今天我开始使用带有 LiveReload 的 Sublime Text 3，但我不能正常使用它进行开发，因为当我开始在 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>
4

1 回答 1

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>
于 2013-08-25T16:44:40.350 回答