0

我有一个代码高亮块，我希望有一个选项，您可以单击一个按钮并打开一个新的 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

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

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

4

2 回答 2

6 
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');"
于 2012-08-22T15:52:45.707 回答
1

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

<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>
于 2012-08-22T15:56:08.793 回答