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

时间:2012-06-28 08:42:35

标签: javascript html css

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

3 个答案:

答案 0 :(得分:2)

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>

答案 1 :(得分:1)

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

答案 2 :(得分:-1)

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

ContentEditable是一个低级功能。通过Javascript库提供更高级别的支持(例如,TinyMCECKEditor)。

演示来源: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