今天我开始使用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>
答案 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>