innerHTML改变标签内容不需要页面刷新。
首先用js改变页面dom元素都不需要页面刷新,相反的刷新了页面相当于页面重新初始化了一遍,innerHTML改变的标签内容也无效了。
innerHTML用法:
例:有html代码如下
现在我们需要用innerHTML改变id为test的div里面的html
---JS用法
document.getElementById("test").innerHTML = "test";
--JQUERY用法
$("#test").html("test");
不存在刷新的问题!只是改变了内容!其实也是障眼法,只是让你看到的是改变了,而源代码没有改变!
js 中的reload()函数才会使整个页面刷新,你这样的处理只是改变了“id=div1”的标签的内容,但在用innerHTML时要注意上层容器的问题,否则可能不会实现期望的效果。
innerHTML改变标签内容不需要刷新页面。