html 在html檔案中迴圈遍歷陣列並展示（2）

用html檔案實現乙個簡單的遍歷陣列並輸出到頁面上面

doctype html

>
<
html 
lang
="en"
>
<
head
>
<
meta 
charset
="utf-8"
/>
<
meta 
name
="viewport"
content
="width=device-width, initial-scale=1.0"
/>
<
title
>html.foreach
title
>
<
style
>
* html 
.item-title 
.item-question 
.item-answer,
.item-bg 
li style
>
head
>
<
body
>
<
div 
class
="recommend-list"
>
<
ul>
ul>
div>
body
>
<
script 
src=""
>
script
>
<
script
>
varmainstr =''
varbaseurl ='
'//此位址為真是位址
getpagetotalanddatatotal()
function
getpagetotalanddatatotal(page) 
},})
}/**.join('')的作用是去掉map迴圈後返回多餘的逗號
*/function
init(status)
<
/p>
<
p class="
item-question
">
$<
/p>
<
img class="
item-answer
"src="
$"alt=
"">
<
div class="
item-bg
"style="
background-image: url('$');
"><
/div>
<
/div>
<
/li>`
})      
//拼接完字串陣列後用innerhtml把它渲染到父元素中
document.queryselector('ul
').innerhtml 
=mainstr
}script
>
html
>

在django中引用html檔案

使用記事本或者idea寫好乙個html檔案 pycharm 命令提示符 在命令提示符中使用以下 建立完成後，將自己寫好的html檔案複製到該資料夾內，這裡我使用的html檔名為creat 如下 def hello request return render request,creat.html 如下...

html頁面中引入html

我們寫頁面通常會遇到這種情況，乙個模組很多頁面都用到，那麼我們為了方便就會單獨寫到乙個頁面，然後引入進去，我知道的有三種 1 用標籤 例 iframe有自己預設的高度，如果你引入的頁面高度超出他預設的高度會超出隱藏，所以，要加上height 2 用標籤 例 object也有自己的預設高度，如果你引入...

在HTML中清楚浮動！ 使用

div class clear 這裡的clear是樣式名。樣式寫在css檔案中從名稱來看估計你的樣式為 clear clear both 作用 該屬性的值指出了不允許有浮動物件的邊。這個屬性是用來控制float屬性在文件流的物理位置的。當屬性設定float 浮動 時，他所在的物理位置已經脫離文件流了...