2013-08-25 81 views
0

今天,我开始用崇高的文本3 LiveReload,但我不能正常地与它发展,因为总是当我开始写在JavaScript文件中的代码我得到的空白页面只有一个 - 从我的JavaScript参数文件..其他的都是被忽略..空白页时使用jQuery

所以我做了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

我觉得你的问题不是jQuery的但''document.write(....' – putvande

+0

所以,我只是试图输出参数到我的页面,你可以提出什么建议替换该行?谢谢。 – tanotify

+0

Adeneo已经给出了我相信的正确答案。 – putvande

回答

1

document.write奇怪的是像在使用时会覆盖整个文件,这就是为什么它是空白?

此外,写一个这样的脚本标签中的脚本标记不工作,你应该使用下面的方法来脚本标记添加到头部分:

<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> 
+0

对不起,我英文不好,你是否建议用LiveReload代替那个标准代码? – tanotify

+1

..还记得看看'window.location.protocol'。 – Red

+0

@tanotify - 我不知道liveReload是如何工作的,但任何推荐使用document.write的插件都不是我会用到的东西? – adeneo