2015-08-08 70 views
1

我正在製作一個動態內容加載器的應用程序,它通過ajax加載內容,然後更改DOM。我有一個結構/架構,我的問題是如何來連接字符串,我要保持我的代碼「indentated」爲使其伊斯利可讀......如何在JavaScript中使用製表符和回車符連接字符串?

例子: enter image description here

我怎樣才能實現那個?我需要一些特殊的景觀字符或某種?

回答

2

可以逃避在與\每一行的末尾換行符,雖然它通常被認爲是不好的做法(因爲它很容易維護的代碼錯過逃生。)

var page = '\ 
    <div class="row well">\ 
    <div class="row info-block">\ 
     <div class="col-xs-4 logo-container">\ 
     ' + logo + '\ 
     </div>\ 
    </div>\ 
    </div>'; 

什麼你真正想要的是ES6模板字符串,雖然:

var page = ` 
    <div class="row well"> 
    <div class="row info-block"> 
     <div class="col-xs-4 logo-container"> 
     ${logo} 
     </div> 
    </div> 
    </div>`; 

Template strings默認允許和支持插值多串

(在 ${logo}以上。)

注意:兩個結果字符串之間存在差異。在換行符字符串中,換行符實際上不是結果字符串的一部分;而它們在模板字符串示例中。

+0

不錯,但我有一個問題,ES6是否與移動設備兼容?包括一些相對較舊的設備? – candlejack

+0

@alessadro,不幸的是模板字符串在移動設備上的支持不夠好:https://kangax.github.io/compat-table/es6/#template_strings。 –

+0

噢,好吧,我現在將使用逃生解決方案,感謝您的幫助/時間:-) – candlejack