如何使通过注入创建的 iframe 居中
我正在尝试创建一个书签，如果您单击它，它会在您所在的页面上创建一个 iframe。我可以显示 iframe，但无法使其在页面上居中。
这是代码：
javascript:(function(e,a,g,h,f,c,b,d){if(!(f=e.jQuery)||g>f.fn.jquery||h(f)){c=a.createElement("script");c.type="text/javascript";c.src="http://ajax.googleapis.com/ajax/libs/jquery/"+g+"/jquery.min.js";c.onload=c.onreadystatechange=function(){if(!b&&(!(d=this.readyState)||d=="loaded"||d=="complete")){h((f=e.jQuery).noConflict(1),b=1);f(c).remove();}};a.documentElement.childNodes[0].appendChild(c);}})(window,document,"1.5.1",function($,L){
var a = $('<iframe/>', {
id: 'test-iframe',
class: 'test-iframe',
style: 'position: absolute;z-index: 99999;',
width: '700',
height: '500',
src: 'http://google.com'
});
$('body').prepend(a);
});
感谢任何帮助。
I am trying to create a bookmarklet that creates an iframe on the page you're on if you click on it. I can get the iframe to show up but unable to make it centered on the page.
Here is the code:
javascript:(function(e,a,g,h,f,c,b,d){if(!(f=e.jQuery)||g>f.fn.jquery||h(f)){c=a.createElement("script");c.type="text/javascript";c.src="http://ajax.googleapis.com/ajax/libs/jquery/"+g+"/jquery.min.js";c.onload=c.onreadystatechange=function(){if(!b&&(!(d=this.readyState)||d=="loaded"||d=="complete")){h((f=e.jQuery).noConflict(1),b=1);f(c).remove();}};a.documentElement.childNodes[0].appendChild(c);}})(window,document,"1.5.1",function($,L){
var a = $('<iframe/>', {
id: 'test-iframe',
class: 'test-iframe',
style: 'position: absolute;z-index: 99999;',
width: '700',
height: '500',
src: 'http://google.com'
});
$('body').prepend(a);
});
Any help is appreciated.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（4）
将
margin: 0 auto;添加到样式中。您还可以将 iframe 放在容器（例如 DIV）中，然后向其中添加
margin: 0 auto;。Add
margin: 0 auto;to the style.You can also have the iframe in a container (e.g. DIV) which you can add
margin: 0 auto;to.在样式内，给它
Within the style, give it
我解决了。我在样式中添加了“width:700px;margin-left:-350px;left:50%”。基本上就像我试图将绝对定位居中的方式一样
I got it solved. I added "width:700px;margin-left:-350px;left:50%" to the style. Basically just like the way I would trying to center an absolutely positioned