我有一个人员列表和联系信息按钮。我想打开带有此人联系信息的弹出窗口(关于:空白)。我迷失了两件事。
1) 如果我点击 person_1，将显示信息。如果我在不关闭窗口的情况下再次单击同一个人或另一个人，窗口将不会自行刷新并查看新信息，它只会将其添加到前一个信息中。我用...解决这个问题
if(info){info.document.body.innerHTML = '';}
这个添加的问题是现在它在 pc/chrome 上工作正常，但在手机上不起作用! 我用我的手机试了一下，它显示的是空白页面。
2) 我正在用阿拉伯语显示联系信息，这意味着窗口的目录应该是从右到左。我可以通过向 html 标记或正文 dir="rtl" 添加属性来做到这一点，但我不知道该怎么做，也不知道如何设置窗口本身的样式。
function contact(contact) {
id = $(contact).attr("id");
contact_info = $('#contact'+id).val();
info = window.open("", "info", "width=550,height=350");
if(info){info.document.body.innerHTML = '';}
info.document.write(contact_info);
}
最佳答案
这应该是你需要的
var info;
function contact(contact) {
id = $(contact).attr("id");
contact_info = $('#contact'+id).val();
open_window(contact_info, "Contact Info");
}
function open_window(content, title) {
try {
if (info.closed) throw "reopen";
info.document.body.innerHTML = '';
}catch (e) {
info = window.open('', 'contact_info_window', 'width=550,height=350');
info.document.write('<link rel="stylesheet" href="style.css" type="text/css" /><body></body>');
info.document.body.dir = "rtl";
}
info.document.title = title;
info.document.write(content);
info.focus();
}
关于javascript - JS : styling windows. 打开，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23660784/