target＝“_空白“;使用自定义javascript生成的html页面

target="_blank" with a custom javascript-generated html page

本文关键字：javascript html 页面 自定义 空白 target      更新时间：2023-09-26

我有一个代码高亮显示块，我想为它提供一个选项，单击按钮，它会打开一个新的HTML页面，显示高亮显示的"原始"内容。我已经准备好了原始形式的代码和target="_blank"的链接，但我似乎无法打开新页面。

这就是我的HTML的样子：

<a href="#" target="_blank">Click to view HTML</a>

这是我的javascript

//when clicked
link.href = 'javascript:document.write("...");';
//the click event should continue as normal

这应该打开一个以"…"为内容的新页面，但它不起作用（它只是打开现有页面）。

有没有办法在不使用弹出窗口的情况下做到这一点？

function writeToWindow(content) {
    var newWin = window.open('','newWin','width=300,height=200');
    newWin.document.open();
    newWin.document.writeln("<html><head><title>Console</title></head><body>" + content + "</body></html>");
    newWin.document.close();
}

称之为

onclick="writeToWindow('text to display');"

您必须使用新窗口吗？我认为使用图层更容易。

<div id="toggleText" style="border:solid black 1px; display:none;height:100px;width:100px">
<span id="displayText"></span>
</div>

<script language="javascript"> 
func tion toggle() {
    var ele = document.getElementById("toggleText");
    var text = document.getElementById("displayText");
    if(ele.style.display == "block") {
            ele.style.display = "none";
        text.innerHTML = "show";
    }
    else {
        ele.style.display = "block";
        text.innerHTML = "hide";
    }
} 
    </script>
相关文章：