• Javascriptdocument

    描述:

    代表给定浏览器窗口的HTML文档

    属性:

    属性 描述 备注
    activeElement 获取获得焦点的对象  
    alinkColor 设置或获取元素中所有激活链接的颜色  
    vlinkColor 设置或获取用户已经访问的链接的颜色  
    linkColor 设置或获取对象链接的颜色  
    bgColor 设置或获取对象背景的颜色(不推荐使用)  
    fgColor 设置或获取文档的前景颜色  
    cookie 设置或获取cookie的字符串值  
    charset 设置或获取用于解码的字符集 utf-8
    defaultCharset 从当前的区域语言中获取默认的字符集 gb2312
    designMode 设置或获取当前文档是否可被编辑的值 on                可以被编辑
    off/Inherit   默认的,文档不能被编辑
    dir 设置或获取表明对象的阅读顺序的值  ltr:    left to right
    image
    rtl:    right to left
    image
    doctype 获取与当前文档关联的文档声明类型  返回文档类型声明
    默认为NULL,
    documentElement 获取对文档根节点的引用  HTML
    domain 设置或获取文档的安全域名 localhost
    expando 设置或获取表明是否可对象内创建任意变量的值  
    implementation 获取当前文档的implementation对象   
    fileCreateData 获取当前浏览文件的创建时间   
    fileModifiedData 获取当前浏览文件上次修改的时间   
    fileSize 获取当前浏览文件的大小   
    lastModified 获取页面上次修改的时间(如果提供的话)   
    referrer 获取将用户引入当前页面的URL  即:由FIrst.html页面的超级链接,链接至了Second.html页面,
         则,document.referrer的值为First.html的完整路径
    parentWindow 获取容器对象所在的窗口的引用   
    readyState 获取表明对象当前状态的值 

    uninitialized    Object is not initialized with data.

    loading            Object is loading its data.

    loaded             Object has finished loading its data.

    interactive      User can interact with the object even though it is not fully loaded.

    complete         Object is completely initialized.

    uniqueID 获取为对象自动生成的唯一标示符   
    URL 设置或获取当前文档的URL   
    URLUnencoded 获取文档的URL,去除所有字符编码   
    protocol 设置或获取URL的协议  超文本传输协议
    XMLDocument 获取由对象引出的XML文档对象模型的引用   
    XSLDocument 获取对XSL文档的顶层节点的引用   

    集合:

    集合 描述 备注
    all 返回对象所包含的所有元素(包括子元素)集合的引用 对于一个空的HTML文档,包含以下元素
    !
    HTML
    HEAD
    TITLE
    BODY
    SCRIPT
    anchors 返回所有带有name或id属性的a对象的集合 不带有name/id属性的链接是不会计入其中的
    applets 获取文档中所有applet对象的集合  
    childNodes 返回document的直接后代集合  
    embeds 返回所有embed的集合  
    forms 返回文档中所有的form集合  
    frames 返回文档中所有的frame集合  
    images 返回所有的img对象的集合  
    links 返回所有指定了href的a以及area对象的集合  
    namespaces 获取namespace对象的集合  
    scripts 获取文档中所有script对象的集合  
    styleSheets 获得文档中每个link或style对象的实例对应的样式的集合  

    方法:

    方法 描述 备注
    attachEvent 将制定的函数绑定到事件  
    detachEvent 从事件中取消指定的事件  
    clear 目前尚不支持  
    open(mimetype,replace) 打开一个新文档，并擦除当前文档的内容 mimetype:规定正在写的文档的类型,默认为"text/html"
    replace:可引用新文档从父文档继承历史条目
    注意:
    调用open方法打开一个新文档,
    使用write时,应该在最后使用close方法来迫使其关闭文档,显示内容.
    <input type="button" id="btn" value="Focus" onclick="btn_click()"/>
<script type="text/javascript">
    function btn_click(){
         var newDoc = document.open("text/html",'replace');
         var txt="<html><body>姓名:<input type='text'></body></html>";
         newDoc.write(txt);
         newDoc.close();
    }
</script>
    close 关闭数据流并且强制将数据发送显示 见上格
    createTextNode 创建文本字符串 
    var txt = document.createTextNode("document");                   
document.body.appendChild(txt);
    createElement 创建元素 
    var txt = document.createElement("input");
//两者都可以
txt.type="text";            
//txt.setAttribute("type","text");            
document.body.appendChild(txt);
    createAttribute 创建属性  
    createComment 创建注释  
    createStyleSheet 创建样式表  
    createDocumentFragment 创建文档模块  
    createEventObject 当使用fireEvent方法时用于传递事件相关信息时,生成event对象  
    elementFromPoint 返回x,y坐标处的元素  
    foucs 使元素获得焦点,并执行由onfous事件指定的代码 
    <input type="button" id="btn" value="Focus"/>
<input type="button" id="btn2" value="BTN2" 
           onfocus="btn2_focus()" />
<script type="text/javascript">
     btn.onclick=function(){
         btn2.focus();
     }
     
     function btn2_focus(){
         document.write("btn2  is focus");
         document.close();
    }
</script>
    hasFocus 判断文档当前是否拥有焦点 
        <input type="button" id="btn" value="Focus" onclick="btn_click()"
 onmouseover="btn_mouseover()" onmouseout="btn_mouseout()"/>
    <div id="dv" style="200px;height:150px;border:solid 1px black;
 display:none">
        显示出来.
    </div>
    <script type="text/javascript">
        function btn_click(){
            window.showModelessDialog("HTMLPage4.htm",window,
		"status:false;dialogWidth:300px;dialogHeight:300px");
        }
        
        function btn_mouseover(){
            if (document.hasFocus()){
                dv.style.display="block";
            }
        }
        
        function btn_mouseout(){
            dv.style.display="none";
        }
    </script>
    getElementById 根据ID获取对元素的引用 document.getElementById("txt")
    getElementByName 根据Name获取对元素的引用 document.getElementByName("txt")
    getElementByTagName 根据元素名称,获取元素的集合 document.getElementByTagName("input")
    mergeAttributes 获取所有读/写标签属性到指定元素  
    execCommand 在当前文档,当前选中区或给定范围上执行命令
    queryCommandEnabled 返回表明指定命令是否可于给定文档当前状态下使用execCommand命令成功执行的 Boolean 值
    queryCommandIndeterm 返回表明指定命令是否处于模糊状态的 Boolean 值
    queryCommandState 返回表明当前命令状态的boolean值
    queryCommandSupported 返回表明命令在当前区域上是否支持的boolean值
    queryCommandValue 返回文档、范围或当前选中区对于给定命令的当前值  
    recalc 重新计算当前文档中的动态属性
    releaseCapture 释放当前文档中对象的鼠标捕捉  
    setActive 设置对象为当前,而不将对象设置为焦点 
        <input type="button" id="btn" value="Focus" onclick="btn_click()" />
    <input type="button" value="btn2" id="btn2" onfocus="btn2_focus()" />
    <script type="text/javascript">
        function btn_click(){
            btn2.setActive();
        }
        
        
        function btn2_focus(){
            alert("btn2 is on focus!");
        }
    </script>

    测试结果和描述不一致
    write 向指定窗口的文档写入一个或多个HTML表达式 document.write("ok");
    writeln 向指定窗口的文档写入一个或多个HTML表达式,追加一个换行符 document.writeln("ok");

    关于execCommand及相关函数未搞定,准备专门再写一篇文章.
  • 相关阅读:
    poj 1733 Parity game
    poj 1456 Supermarket
    bzoj 1304 [CQOI 2009] 叶子的染色
    51Nod 1667 概率好题
    2015年阿里巴巴校招研发工程师在线笔试题汇总
    从字符串常量起说内存分配
    字符串笔面试题
    排序算法(4)-线性时间排序
    华为2015校园招聘机试
    笔画宽度变化（C++和matlab算法）
  • 原文地址：https://www.cnblogs.com/oneword/p/1492938.html
Copyright © 2020-2023  润新知