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

How can create browser page with browser?

本文关键字:浏览器 创建 何使用      更新时间:2023-09-26

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

iFrame是W3Schools使用的,但你也可以在没有iFrame的情况下做到这一点。实际页面的设计由您决定,但这是在普通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>
您可以使用

iframe创建"另一个浏览器页面"。有关更多信息,请参阅 iframe

有很多方法,但几乎所有方法都基于浏览器中的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