Question

长话短说。我需要使用javascript创建一个iframe并将其对齐到页面的中心。

我找到了这段很好的代码：

var iframe = document.createElement('iframe');
var html = '<body>Foo</body>';
iframe.src = 'data:text/html;charset=utf-8,' + encodeURI(html);
document.body.appendChild(iframe);
console.log('iframe.contentWindow =', iframe.contentWindow);

有没有人知道如何修复对齐方式？选择iframe的原因是因为我希望框架独立于当前页面的CSS样式。

/帕特里克

Answer 1

1-获取浏览器窗口大小

2-获取iframe宽度和高度

3-从数字1中减去2号

4-将结果舍入为2

这样，您就可以使用iframe的x和y坐标将其定位在浏览器窗口的中心。

在页面中间创建iframe

1 个答案: