window.open使用css的样式

时间:2014-01-20 00:56:15

标签: javascript html css

我想设置我的窗口样式。打开,

我目前在我的网页上有一些项目由于某个已解析的类而打开,在新窗口中打开指定的文本之后。

我想更改字体大小,字体和填充等。

这是我的javascript代码。

<script type="text/javascript">
    $(".Show a").click(function () {
        var html = $(this).parent().next("div.show-dialog").html();
        var my_window = window.open("", "mywindow1", "width=750,height=550");
        $(my_window.document).find("body").html(html);

    });
</script>

如何在javascript中解析css样式?

2 个答案:

答案 0 :(得分:3)

查看此答案:https://stackoverflow.com/a/18758370/1060487

答案:

在打开的窗口中构建一个完整的HTML页面并在那里引用您的CSS文件:

var win = window.open('','printwindow');
win.document.write('<html><head><title>Print it!</title><link rel="stylesheet" type="text/css" href="styles.css"></head><body>');
win.document.write($("#content").html());
win.document.write('</body></html>');
win.print();
win.close();

答案 1 :(得分:1)

我几天前遇到了这个问题。我的问题与弹出中心的样式不同。

这是对我有用的代码

<a href="http://twitter.com/intent/tweet?text=[TWEET_CONTENT_GOES_HERE]" 
  onclick="window.open(this.href, 
  'twitterwindow', 
  `top=${(screen.height - 570)/2}, left=${(screen.width - 570)/2}, width=600, 
   height=300, resizable=1`); return false;">
   Tweet this
</a>