js如何把html当字符串渲染到页面上

JavaScript012

js如何把html当字符串渲染到页面上,第1张

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的<script>标签,输入js代码:var a = '<input type="text" value="test" />'document.body.innerText = a。

3、浏览器运行index.html页面,此时html代码被当成字符串渲染到了页面上。

是你的写法有问题,在 HTML 中写事件函数是:

<div class="info"><img src="imageUri" alt="" onclick="showimg(imageUri)" /></div>

但是在 JS 中构建 HTML 的时候,方法名不能放在字符串外面作为 JS 代码执行,正确的应该是:

str += `<div class="info"><img src="${data.content.imageUri}" alt="" onclick="showimg(${data.content.imageUri})" /></div>`

我这里用的是模板字符串,用字符串拼接也是一样的,showimg 不能作一个方法在 JS 中调用,按你的写法,onclick 绑定的是 showimg(data.content.imageUri) 执行完成后的返回值。