zoukankan      html  css  js  c++  java
  • 表单脚本api_contenteditable

    <html>
    <head></head>
    <body>
    <form>
        <div contenteditable>ssadas</div>
        <mi contenteditable>11</mi><mo>+</mo><mi contenteditable>22</mi>
        <iframe name="foo" id="foo" src="file:///D:/wamp/www/12.19/1.html">
        </iframe>
        <ul name="ul">
            <li name="color">1</li>
            <li name="color">2</li>
            <li name="color">3</li>
        </ul>
    </form>
    <form name="bar">
        <ol>
            <li id="cc" name="cc">1</li>
            <li name="cc">2</li>
            <li name="cc">3</li>
        </ol>
    </form>
    <script>
    document.execCommand('bold',false,null);
    document.execCommand('italic',false,null);document.execCommand('createlink',false,"http://www.xx.com/")
    
    //webkit内核的文本选项
    document.getSelection();
    /*
    var result = [
        anchorNode,
        anchorOffset,
        focusNode,
        focusOffset, //选取终点所在的节点
        isCollapsed,
        rangeCount, //选区内部dom的数量
        addRange, //将指定的节点添加到选区
        collapse,
        collapseToENd(),
        collapseToStart(),
        containNode( node ),//是否包含节点
        deleteFormDocument, //删除
        // LIKE AS document.execComand('delete',false,null);
        extend(node,offset),
        removeAllRanges(),
        removeRange(range),
        selectAllChildren(node),
        toString()
    ]
    */
    //主要是扫视了一下高级设计的第十四章:表单脚本的东东,api真多啊
    </script>
    </body>
    </html>

    //打了满满一桶酱油,为什么 document.forms['xx'].elements的内部内容为零,这不对啊

  • 相关阅读:
    超详细教程2021新版oracle官网下载Windows JAVA-jdk11并安装配置(其他版本流程相同)
    个人总结
    6.15 团队项目心得
    五月团队项目收获
    八大排序算法读书笔记
    设计模式读书笔记3
    设计模式读书笔记2
    结对编程收获
    设计模式读书笔记
    UI-12组结对编程作业总结
  • 原文地址:https://www.cnblogs.com/diligenceday/p/3483098.html
Copyright © 2011-2022 走看看