Question

我有一个代码突出显示块，我想要一个选项，你点击一个按钮，它会打开一个新的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

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

无论如何不使用弹出窗口来执行此操作吗？

Answer 1

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');"

Answer 2

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

<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>

target =“_ blank”，带有自定义的javascript生成的html页面

2 个答案: