html 在html檔案中迴圈遍歷陣列並展示(2)

2022-06-27 05:15:08 字數 1709 閱讀 9581

用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 浮動 時,他所在的物理位置已經脫離文件流了...