js 字串拼接 html 累加 html 疊加

2021-09-07 07:09:37 字數 2553 閱讀 8007

正常來說已經使用es6 的 模板了如``

//頁面層

layer.open(]:<

p style

="margin: 15px; word-break: break-all;"

>$

p>

li>

<

li class

="mui-table-view-cell "

>

<

i class

="icon iconfont"

>

i> 感冒 [$]:<

p style

="margin: 15px; word-break: break-all;"

>$

p>

li>

<

li class

="mui-table-view-cell "

><

i class

="icon iconfont"

>

i> 運動 [$]:<

p style

="margin: 15px; word-break: break-all;"

>$

p>

li>

<

li class

="mui-table-view-cell "

><

i class

="icon iconfont"

>

i> 空調 [$]:<

p style

="margin: 15px; word-break: break-all;"

>$

p>

li>

<

li class

="mui-table-view-cell "

>

<

i class

="icon iconfont"

>

i> 紫外線 [$]:<

p style

="margin: 15px; word-break: break-all;"

>$

p>

li>

ul>

div>

div>

div>

div>

`});

但極少情況下還是使用原始的拼接,以下這種方法會比較舒服

var panelbuffer = '<

div

class

="mui-poppicker"

>

\

<

div

class

="mui-poppicker-header"

>

\

<

button

class

="mui-btn mui-poppicker-btn-cancel"

>取消

button

>

\

<

button

class

="mui-btn mui-btn-blue mui-poppicker-btn-ok"

>確定

button

>

\

<

div

class

="mui-poppicker-clear"

>

div>

\

div>

\

<

div

class

="mui-poppicker-body"

>

\

div>

\

div>

'; var pickerbuffer = '

<

div

class

="mui-picker"

>

\

<

div

class

="mui-picker-inner"

>

\

<

div

class

="mui-pciker-rule mui-pciker-rule-ft"

>

div>

\

<

ul class

="mui-pciker-list"

>

\

ul>

\

<

div

class

="mui-pciker-rule mui-pciker-rule-bg"

>

div>

\

div>

\

div>';

js拼接字串

當要做元件的時候就會碰到html 拼裝,既然要做元件就不能依賴於html中獲取html 但是var templatehtml 當裡面的html 很複雜的時候就是個麻煩事兒 一行很長很長,而且修改起來也很不方便 這個問題的解決方法可以這樣 var outhtml 這樣寫的話 就讓可讀性增強,修改模板 ...

js拼接字串

http請求 特別是get請求 或者跳轉頁面需要拼接url請求字串,而經常性的思維就是利用 進行字串拼接 var baseurl www.google.com var a 1,b request c true var finalurl baseurl a a b b c c 高階一點就是使用es6 ...

js拼接URL字串

實際開發中,經常會遇到http請求 特別是get請求 或者跳轉頁面需要拼接url請求字串,而經常性的思維就是利用 進行字串拼接 var baseurl www.google.com var a 1,b request c true var finalurl baseurl a a b b c c這種...