javascript控制iFrame的滚动条显示

Question

<iframe id="iFrame1" width="100%" height="100%" frameborder="0" scrolling="no" src="Default7.aspx"></iframe>我想通过javascript设置scrolling的属性为auto，请问怎样设置？

Answer 1

document.getElementById("iFrame1").scrolling="auto";

Answer 2

IE中scrolling不可写，可以新createElement("iframe")来设置

Answer 3

参看：http://www.w3school.com.cn/htmldom/dom_obj_iframe.asp在IE中DOM不支持对iframe的操作。另外，你直接在iframe中写scrolling="auto"，通过浏览器来自适应大小，不行吗？

Answer 4

参见http://www.jslab.org.cn/?tag=IframeScrollCompatible 标签2内容：<iframe width="300" height="200" frameborder="0" scrolling="no" src="x.html"></iframe><button>show iframe scrolls bar</button><script type="text/javascript">
var difr = document.getElementById('iFrame1');
var dbtn = document.getElementsByTagName('button')[0];
dbtn.onclick = function(){
    difr.scrolling = 'auto';
    difr.contentWindow.document.body.scroll = 'yes';
};
</script>

Answer 5

var difr = document.getElementById('iFrame1');==>var difr = document.getElementsByTagName('iframe')[0];

Answer 6

楼上的果然高明啊关键是这句话：difr.contentWindow.document.body.scroll = 'yes';原来contentWindow能拿到frame或者iframe所在的window对象，然后去控制这个窗口的滚动条，这个思路很不错啊