html动态添加模板div(html中div动态加载html)
使用ajax参考代码function ajax typequotPOSTquot, urlquotLoginLoadArticleashxquot,data quottype=quot+escapequot最新公告quot ,successfunctionmsg quotgonggaoquothtmlmsg, errorfunctionXML。
不需要修改frame的src但必须保证frame的页面是同域的,跨域的话获取document会报错$quot#iframe的idquotcontentsfindquot#要加div的元素的idquotappendquot动态divquot。
拓展内容除了使用innerHTML属性设置div的内容,还可以通过createElement方法创建元素节点,并使用appendChild方法将内容添加到div中此外,还可以通过模板字符串变量插值等方式来动态生成内容,并将其设置到div中在实际开发中。
1新建html文档,然后在head标签中引入vue的js文件,这里以引入cdn文件为例2在body标签中添加一个id为“app”的div标签,然后在这个div标签中再添加一个div标签,在vue中添加一个变量数据,然后用“”符号将变量。