在编辑模式下打开网页

时间:2014-04-02 08:13:28

标签: javascript html

我想知道如何在HTML页面中以编辑模式打开网页。 我的意思是,假如我有两个帧。当我在顶部框架中的文本中输入URL时,我应该在底部页面中以编辑模式获取页面。我应该能够在该模式下选择页面中的项目。我不想保存这些项目,但应该可以通过点击按钮切换到正常模式。

这是为了获取该页面中元素的Id / name / xpath。如果页面中有控件在点击时导航到其他页面,我将无法检测到这些参数。如果我覆盖所有点击事件,则无法访问javascript标签/ accradian下的控件。

有什么办法吗?

我根据其中一个答案编码,但它无效。

<!doctype html>
<html>
<head>
    <title>click demo</title>
    <script type="text/javascript">
        function myFunc() {
           doc = ifrm.contentDocument || ifrm.contentWindow.document;
           doc.designMode = "on";
        }
    </script>
</head>
<body>
    <input type="text" id="text" value="http://www.google.com" />
    <input type="button" onclick="myFunc()" value="Open" /><br /><br />
    <iframe id="ifrm" src="http://www.example.com"  width="100%" height="500px" ></iframe>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

您可以将任何帧转换为设计模式

iframe_node.contentDocument.designMode = "on";