在弹出窗口中设置标题是否可能?
我有以下javascript代码:
var popup = window.open('......');
popup.document.title = "my title";
但这并没有起作用...仍然看不到任何标题。
编辑:弹出的页面是.aspx格式的,它有一个标题标签,但仍然看不到弹出窗口上的标题。
在弹出窗口中设置标题是否可能?
我有以下javascript代码:
var popup = window.open('......');
popup.document.title = "my title";
由于popup.onload
似乎无法正常工作,这里有一个解决方法:http://jsfiddle.net/WJdbk/。
var win = window.open('', 'foo', ''); // open popup
function check() {
if(win.document) { // if loaded
win.document.title = "test"; // set title
} else { // if not loaded yet
setTimeout(check, 10); // check in another 10ms
}
}
check(); // start checking
<title>
标签,浏览器将首先设置您的标题,然后在文档完全加载后重新设置弹出窗口标题为“正常”值。
因此,引入合理的延迟(函数openPopupWithTitle
):
var overridePopupTitle = function(popup, title, delayFinal, delayRepeat) {
// https://dev59.com/2FvUa4cB1Zd3GeqPuH0A#7501545
// delay writing the title until after it's fully loaded,
// because the webpage's actual title may take some time to appear
if(popup.document) setTimeout(function() { popup.document.title = title; }, delayFinal || 1000);
else setTimeout(function() { overridePopupTitle(popup, title); }, delayRepeat || 100);
}
var openPopupWithTitle = function(url, title, settings, delay) {
var win = window.open(url, title, settings);
overridePopupTitle(win, title, delay);
return win;
}
这些答案都对我没用。我试图打开一个包含PDF的弹窗,但使用上述方法设置标题时一直出现权限被拒绝的错误。最后我找到了另一篇帖子,指导我正确地完成了操作。以下是我最终使用的代码。
var winLookup;
var showToolbar = false;
function openReportWindow(m_title, m_url, m_width, m_height)
{
var strURL;
var intLeft, intTop;
strURL = m_url;
// Check if we've got an open window.
if ((winLookup) && (!winLookup.closed))
winLookup.close();
// Set up the window so that it's centered.
intLeft = (screen.width) ? ((screen.width - m_width) / 2) : 0;
intTop = (screen.height) ? ((screen.height - m_height) / 2) : 0;
// Open the window.
winLookup = window.open('', 'winLookup','scrollbars=no,resizable=yes,toolbar='+(showToolbar?'yes':'no')+',height=' + m_height + ',width=' + m_width + ',top=' + intTop + ',left=' + intLeft);
checkPopup(m_url, m_title);
// Set the window opener.
if ((document.window != null) && (!winLookup.opener))
winLookup.opener = document.window;
// Set the focus.
if (winLookup.focus)
winLookup.focus();
}
function checkPopup(m_url, m_title) {
if(winLookup.document) {
winLookup.document.write('<html><head><title>' + m_title + '</title></head><body height="100%" width="100%"><embed src="' +m_url + '" type="application/pdf" height="100%" width="100%" /></body></html>');
} else {
// if not loaded yet
setTimeout(checkPopup(m_url, m_title), 10); // check in another 10ms
}
}
function GetInput() {
var userInput;
var stringOutput;
userInput = prompt('What should the title be?', "");
stringOutput = userInput;
document.title = stringOutput;
}
<button type="button" onclick="GetInput()">Change Title</button>
标签。
var popup = window.open('......');
popup.onload = function () {
popup.document.title = "my title";
}
最终我在我的弹出窗口中创建了一个setTitle方法,并从父页面调用它。
//popup page:
function setTitle(t) {
document.title = t;
}
//parent page
popupWindow.setTitle('my title');
var win= window.open('......');
win.document.writeln("<title>"+yourtitle+"</title>");
这对我有效,在Chromium浏览器中测试过。
试试这个,它会起作用的。
var timerObj, newWindow;
function openDetailsPopUpWindow(url) {
newWindow = window.open(url, '', 'height=500,width=700,menubar=no,resizable=yes,scrollbars=yes');
timerObj = window.setInterval("fun_To_ReTitle('~~newTitle~~ ')", 10);
}
function fun_To_ReTitle(newTitle){
if (newWindow.document.readyState == 'complete') {
newWindow.document.title=newTitle;
window.clearInterval(timerObj);
}
}
<title>
属性进行设置。这个URL是否来自您的域名? - Pointy