2013-08-25 42 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