Question

如何使用浏览器创建浏览器页面？例如w3schools.com中提供的测试环境，我们看不到代码

Answer 1

iFrame是W3Schools使用的，但你也可以在没有它的情况下使用它。实际页面的设计取决于您，但这是使用纯Javascript / HTML进行此操作的基本框架。

<html>
<head>
    <title>Test Page</title>
</head>
<body>
<script type="text/javascript">
function updateDiv() {
    myTextArea = document.getElementById('myTextArea');
    contentDiv = document.getElementById('contentDiv');

    contentDiv.innerHTML = myTextArea.value;
}
</script>

<textarea rows="8" cols="60" id="myTextArea"></textarea><br />
<div id="contentDiv"></div><br />
<input type="button" value="Update!" onclick="updateDiv()" />
</body>
</html>

Answer 2

您可以使用iframe创建“其他浏览器页面”。有关详细信息，请参阅iframe

Answer 3

有很多方法，但几乎所有方法都基于浏览器中的ContentEditable组件。

ContentEditable是一个低级功能。通过Javascript库提供更高级别的支持（例如，TinyMCE，CKEditor）。

演示来源：http://html5demos.com/contenteditable/

Microsoft文档：http://msdn.microsoft.com/en-us/library/ms537837%28v=vs.85%29.aspx

Mozilla文档：https://developer.mozilla.org/en/HTML/Content_Editable

如何用浏览器创建浏览器页面？

3 个答案: