当前位置:首页 > 网页设计 >Javascript >

js指定位置插入html_javascript指定位置插入html

发布时间:2018-12-28 16:15:44 作者:佚名 阅读:(100)

最近在做一个页面,要在页面的一个指定位置插入html,接下来吾爱编程就把代码分享一下,有需要的小伙伴可以参考一下:

	<script>
	$(function(){
	    var ad_text = $("section").hasClass('wrap-page');
	    if(ad_text){
	        var html ='<div class="ad_text"><div class="ad2017"><ul><li><a href="http://www.xxxxx.com/m">八字终身运势详测</a></li><li><a href="http://www.xxxxx.com/m/fsbj.asp"><font color="#0000ff">2017风水布局<font></a></li><li><a href="http://www.xxxxx.com/m/cy.asp"><font color="#FF0000">一生大运预测</font></a></li><li><a href="http://www.xxxxx.com/m/cy.asp"><font color="#FF6600">终身大运财运</font></a></li><li><a href="http://www.xxxxx.com/m">许大师批八字</a></li><li><a href="http://www.xxxxx.com/m/bzhh.asp"><font color="#003366">八字合婚书</font></a></li></ul></div></div>';
	         $(".wrap-page").prepend(html)    
	    }else{
	        var divObj=document.createElement("div");
	        divObj.innerHTML ='<div class="fix"><div class="close" style="bottom:126px;"><a class="close1" href="javascript:void(0);"  style="display: block;width: 50px;float: right;"> <img src="/images/xuantingClose3.png" style="float: right;width: 50px;"></a></div><div class="footer_fix" style="bottom:36px;"><a href="http://www.xxxxx.com/m" style="display:block;width:100%;height:100%"><img src="http://m.xxxxx.com/images/jjgd.jpg"></a></div></div></div>';
	        var first=document.body.lastChild;
	        document.body.insertBefore(divObj,first);
	    }
	})
	</script>

欢迎分享转载→ js指定位置插入html_javascript指定位置插入html

© 2015-2019 - 吾爱编程网 版权所有 苏ICP备18033726号-1关于我们 - 网站声明 - 联系我们