{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 戒情不戒烟 的问题《jQuery changing contents of an iFrame》','https://www.manongdao.com/q-95400.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
I'm completely new to using jQuery. Why isn't this working?
<iframe width="800" scrolling="no" id="prev" src="">your browser needs to be updated.
</iframe>
<script src="jquery.js"></script>
<script>
//var c = 0;
$(document).ready(function() {
$('#prev').contents().html("<html><body><div> blah </div></body></html>");
})
</script>
Also, I am planning on using this iFrame to present a preview of changes to an html file to a user. I am going to either empty the entire iFrame every time a change is made or, if I can figure out how to do so, change particular lines using jQuery. Is that the best way to go about this?
If you want to update the
iframecontent using html then you should first find thebodyelement inside theiframeand then append the required markup.Working demo - http://jsfiddle.net/ShankarSangoli/a7r9L/