精华内容
下载资源
问答
  • 2019-07-06 12:34:42

    本文目录

    一、跨域问题产生的原因

    1.1 域名拓展

    二、解决方案

    2.1 方案1

    2.2 方案2


    一、跨域问题产生的原因

    Javascript出于对安全性的考虑,而禁止两个或者多个不同域的页面进行互相操作。相同域的页面在相互操作的时候不会有任何问题。我们在用跨域的时候。大部分都在知道哪些问题是跨域问题,也知道怎么解决。但是就是具体解决,或者说最终解决,都不理想,或者最终解决不了。

    解决方案,大部分人都会回答,document.domain、jsonp、iframe,只是不知道具体怎么去解决。

    一般出现这些问题。

    Error: Permission denied to access property xxxx

    跨域了,然后去访问原来域的内容,就会这样。因为域不一样,导致访问失败。怎么解决呢。首先用document.domain来指定域,是可以的,但是有局限性,也就是一级域名一致才可以。如下:

    www.xxx.com  下指到xxx.com 是可以的。
    icp.xxx.com  下指到 xxx.com 是可以的。
    像上面是可以的,因为一级域名都是 xxx.com 。

    www.xxx.com下指到 www.baidu.com是不行的。
    xxx.com指到 baidu.com还是不行的。

    像上面是不可以的,因为一级域名都不一致,这个情况下,会报错:

    NS_ERROR_DOM_BAD_DOCUMENT_DOMAIN: Illegal document.domain value

    规则说明了,那么下面来说怎么解决吧,当然要结合 Iframe  。

    需求:
    比如我们要在当前页面下,“www.xxx.com/shiro” 下上传图片到 "cdn.xxx.com/images/" 下去。直接搞肯定是不行的。

    解决方法:
    在请求“www.xxx.com/shiro” 的时候,写上如下代码:

    if(document.domain !='xxx.com'){
        document.domain = 'xxx.com';
    }

    然后在上传的地址“cdn.xxx.com” 的Iframe 文件内写上一样的代码。

    if(document.domain !='xxx.com'){
        document.domain = 'xxx.com';
    }

    这样上传就是在相同的域下了,有的人是少了第一步,其实仔细想想,正所谓跨域,就是指你使用功能的时候,当前域和使用的域不一样,所以要在前面就指定就可以了。故保证一致。

    1.1 域名拓展

    PS:这里额外补充一下,能懂就懂,不懂也没事。
    一级域名:一级域名中只含有一个“.”,且“.”左边要没有内容。最后一个点的右边被称为一级域名,一级域名又被称为顶级域名。下面列出的都是一级域名,如:.com(表示商业机构)、.org(表示非营利性组织)、.gov(表示政府机构)、.edu(表示教育机构)、.mil(表示军事机构)等等。有人把www.xxx.com叫一级域名这是错误的。
    二级域名:英语:Second-level domain;英文缩写:SLD,是互联网DNS等级之中,处于顶级域名之下的域。二级域名是域名的倒数第二个部分,例如在域名example.baidu.com中,二级域名是Baidu。如:xxx.com、baidu.com等等。

    以百度贴吧为例:
    .com 顶级域名/一级域名
    baidu.com 二级域名
    tieba.baidu.com 三级域名
    detail.tieba.baidu.com 四级域名
    (其他级别域名以此类推)

    二、解决方案

    2.1 方案1

    利用document.domain 实现跨域

    前提条件:这两个域名必须属于同一个基础域名!而且所用的协议,端口都要一致,否则无法利用document.domain进行跨域。比如在:aaa.com的一个网页(a.html)里面 利用iframe引入了一个bbb.com里的一个网页(b.html)。这时在a.html里面可以看到b.html里的内容,但是却不能利用javascript来操作它。因为这两个页面属于不同的域,在操作之前,js会检测两个页面的域是否相等,如果相等,就允许其操作,如果不相等,就会拒绝操作。这里不可能把a.html与b.html利用JS改成同一个域的。因为它们的基础域名不相等。(强制用JS将它们改成相等的域的话会报跟上面一样的"参数无效错误。")所以如果在a.html里引入aaa.com里的另一个网页,是不会有这个问题的,因为域相等。
    有另一种情况,两个子域名:
    aaa.xxx.com
    bbb.xxx.com
    aaa里的一个网页(a.html)引入了bbb 里的一个网页(b.html),这时a.html里同样是不能操作b.html里面的内容的。因为document.domain不一样,一个是aaa.xxx.com,另一个是bbb.xxx.com。
    这时我们就可以通过Javascript,将两个页面的domain改成一样的,需要在a.html里与b.html里都加入:
    document.domain = "xxx.com";

    PS:某一页面的domain默认等于window.location.hostname。主域名是不带www的域名,例如a.com,主域名前面带前缀的通常都为二级域名或多级域名,例如www.a.com其实是二级域名。 domain只能设置为主域名,不可以在b.a.com中将domain设置为c.a.com。
    问题:
    1、安全性,当一个站点(b.a.com)被攻击后,另一个站点(c.a.com)会引起安全漏洞。
    2、如果一个页面中引入多个iframe,要想能够操作所有iframe,必须都得设置相同domain。

    2.2 方案2

    根据错误提示信息,按要求修改请求的url即可。

    在另一篇博客里记录着,请移步至此:https://blog.csdn.net/weixin_44299027/article/details/105968382

     

     

    更多相关内容
  • Javascript中document.execCommand()的用法

    万次阅读 2018-10-29 16:21:07
    其中:sCommand为指令参数(如下例的”2D-Position”),交互方式参数如果是true的话将显示对话框,如果为false的话,则不显示对话框(下例的”false”即表示不显示对话框),动态参数一般为一可用值或属性值...

    在div编绎模式下插入图片,实现图文输入–示例

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0,user-scalable=no">
    </head>
        <body>
           <!-- 编辑器 -->
          <div contenteditable id="div"></div> 
          <div style="height:3em;width:100%;background:none;"></div>
          <div class="fixed">
             <div id="img"><input type="button" value="上传图片"/></div>
             <div><a href="#" style="color:#fff;">下一步</a></div>
          </div>
    
        </body>
    
    <script src="js/src/zepto.js"></script>
    <script src="js/src/event.js"></script>
    <script src="js/src/touch.js"></script>
    <script>
      (function(){
        $('#div').css({'min-height':$(window).height()-106})    
                 .blur(function () { 
                  var that = this; 
                  setTimeout(function () { 
                     $(that).focus(); }
                     ,100); 
                  }); 
        $('#div img').on('doubleTap',function(){
            $(this).remove();
        })  
        $("#img").on('click',function(){
              document.execCommand("insertimage", false, "images/touxiang.jpg");//填写真实图片地址,图片将会插入到编绎模式下的$('#div')中,位置在鼠标光标处
    }) })(); </script> </html>
    

    document.execCommand()方法处理Html数据时常用语法格式如下:
    document.execCommand(sCommand[,交互方式, 动态参数])

    其中:sCommand为指令参数(如下例中的”2D-Position”),交互方式参数如果是true的话将显示对话框,如果为false的话,则不显示对话框(下例中的”false”即表示不显示对话框),动态参数一般为一可用值或属性值(如下例中的”true”)。

    document.execCommand(”2D-Position”,”false”,”true”);

    调用execCommand()可以实现浏览器菜单的很多功能. 如保存文件,打开新文件,撤消、重做操作…等等. 有了这个方法,就可以很容易的实现网页中的文本编辑器.

    如果灵活运用,可以很好的辅助我们完成各种项目.

    使用的例子如下:

    1、〖全选〗命令的实现
    [格式]:document.execCommand(”selectAll”)
    [说明]将选种网页中的全部内容!
    [举例]在之间加入:
    全选

    2、〖打开〗命令的实现
    [格式]:document.execCommand(”open”)
    [说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似,大家也可依此琢磨琢磨。
    [举例]在之间加入:
    打开

    3、〖另存为〗命令的实现
    [格式]:document.execCommand(”saveAs”)
    [说明]将该网页保存到本地盘的其它目录!
    [举例]在之间加入:
    另存为

    4、〖打印〗命令的实现
    [格式]:document.execCommand(”print”)
    [说明]当然,你必须装了打印机!
    [举例]在之间加入:
    打印

    Js代码 下面列出的是指令参数及意义

    //相当于单击文件中的打开按钮
    document.execCommand(”Open”);

    //将当前页面另存为
    document.execCommand(”SaveAs”);

    //剪贴选中的文字到剪贴板;
    document.execCommand(”Cut”,”false”,null);

    //删除选中的文字;
    document.execCommand(”Delete”,”false”,null);

    //改变选中区域的字体;
    document.execCommand(”FontName”,”false”,sFontName);

    //改变选中区域的字体大小;
    document.execCommand(”FontSize”,”false”,sSize|iSize);

    //设置前景颜色;
    document.execCommand(”ForeColor”,”false”,sColor);

    //使绝对定位的对象可直接拖动;
    document.execCommand(”2D-Position”,”false”,”true”);

    //使对象定位变成绝对定位;
    document.execCommand(”AbsolutePosition”,”false”,”true”);

    //设置背景颜色;
    document.execCommand(”BackColor”,”false”,sColor);

    //使选中区域的文字加粗;
    document.execCommand(”Bold”,”false”,null);

    //复制选中的文字到剪贴板;
    document.execCommand(”Copy”,”false”,null);

    //设置指定锚点为书签;
    document.execCommand(”CreateBookmark”,”false”,sAnchorName);

    //将选中文本变成超连接,若第二个参数为true,会出现参数设置对话框;
    document.execCommand(”CreateLink”,”false”,sLinkURL);

    //设置当前块的标签名;
    document.execCommand(”FormatBlock”,”false”,sTagName);

    //相当于单击文件中的打开按钮
    document.execCommand(”Open”);

    //将当前页面另存为
    document.execCommand(”SaveAs”);

    //剪贴选中的文字到剪贴板;
    document.execCommand(”Cut”,”false”,null);

    //删除选中的文字;
    document.execCommand(”Delete”,”false”,null);

    //改变选中区域的字体;
    document.execCommand(”FontName”,”false”,sFontName);

    //改变选中区域的字体大小;
    document.execCommand(”FontSize”,”false”,sSize|iSize);

    //设置前景颜色;
    document.execCommand(”ForeColor”,”false”,sColor);

    //使绝对定位的对象可直接拖动;
    document.execCommand(”2D-Position”,”false”,”true”);

    //使对象定位变成绝对定位;
    document.execCommand(”AbsolutePosition”,”false”,”true”);

    //设置背景颜色;
    document.execCommand(”BackColor”,”false”,sColor);

    //使选中区域的文字加粗;
    document.execCommand(”Bold”,”false”,null);

    //复制选中的文字到剪贴板;
    document.execCommand(”Copy”,”false”,null);

    //设置指定锚点为书签;
    document.execCommand(”CreateBookmark”,”false”,sAnchorName);

    //将选中文本变成超连接,若第二个参数为true,会出现参数设置对话框;
    document.execCommand(”CreateLink”,”false”,sLinkURL);

    //设置当前块的标签名;
    document.execCommand(”FormatBlock”,”false”,sTagName);

    document对象execCommand通常在IE中在线处理Html数据时非常有用,它可以让你轻而易举实现文字的加粗、加颜色、加字体等一系列的命令。

    D-Position 允许通过拖曳移动绝对定位的对象。
    AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。
    BackColor 设置或获取当前选中区的背景颜色。
    BlockDirLTR 目前尚未支持。
    BlockDirRTL 目前尚未支持。
    Bold 切换当前选中区的粗体显示与否。
    BrowseMode 目前尚未支持。
    Copy 将当前选中区复制到剪贴板。
    CreateBookmark 创建一个书签锚或获取当前选中区或插入点的书签锚的名称。
    CreateLink 在当前选中区上插入超级链接,或显示一个对话框允许用户指定要为当前选中区插入的超级链接的 URL。
    Cut 将当前选中区复制到剪贴板并删除之。
    Delete 删除当前选中区。
    DirLTR 目前尚未支持。
    DirRTL 目前尚未支持。
    EditMode 目前尚未支持。
    FontName 设置或获取当前选中区的字体。
    FontSize 设置或获取当前选中区的字体大小。
    ForeColor 设置或获取当前选中区的前景(文本)颜色。
    FormatBlock 设置当前块格式化标签。
    Indent 增加选中文本的缩进。
    InlineDirLTR 目前尚未支持。
    InlineDirRTL 目前尚未支持。
    InsertButton 用按钮控件覆盖当前选中区。
    InsertFieldset 用方框覆盖当前选中区。
    InsertHorizontalRule 用水平线覆盖当前选中区。
    InsertIFrame 用内嵌框架覆盖当前选中区。
    InsertImage 用图像覆盖当前选中区。
    InsertInputButton 用按钮控件覆盖当前选中区。
    InsertInputCheckbox 用复选框控件覆盖当前选中区。
    InsertInputFileUpload 用文件上载控件覆盖当前选中区。
    InsertInputHidden 插入隐藏控件覆盖当前选中区。
    InsertInputImage 用图像控件覆盖当前选中区。
    InsertInputPassword 用密码控件覆盖当前选中区。
    InsertInputRadio 用单选钮控件覆盖当前选中区。
    InsertInputReset 用重置控件覆盖当前选中区。
    InsertInputSubmit 用提交控件覆盖当前选中区。
    InsertInputText 用文本控件覆盖当前选中区。
    InsertMarquee 用空字幕覆盖当前选中区。
    InsertOrderedList 切换当前选中区是编号列表还是常规格式化块。
    InsertParagraph 用换行覆盖当前选中区。
    InsertSelectDropdown 用下拉框控件覆盖当前选中区。
    InsertSelectListbox 用列表框控件覆盖当前选中区。
    InsertTextArea 用多行文本输入控件覆盖当前选中区。
    InsertUnorderedList 切换当前选中区是项目符号列表还是常规格式化块。
    Italic 切换当前选中区斜体显示与否。
    JustifyCenter 将当前选中区在所在格式化块置中。
    JustifyFull 目前尚未支持。
    JustifyLeft 将当前选中区所在格式化块左对齐。
    JustifyNone 目前尚未支持。
    JustifyRight 将当前选中区所在格式化块右对齐。
    LiveResize 迫使 MSHTML 编辑器在缩放或移动过程中持续更新元素外观,而不是只在移动或缩放完成后更新。
    MultipleSelection 允许当用户按住 Shift 或 Ctrl 键时一次选中多于一个站点可选元素。
    Open 目前尚未支持。
    Outdent 减少选中区所在格式化块的缩进。
    OverWrite 切换文本状态的插入和覆盖。
    Paste 用剪贴板内容覆盖当前选中区。
    PlayImage 目前尚未支持。
    Print 打开打印对话框以便用户可以打印当前页。
    Redo 目前尚未支持。
    Refresh 刷新当前文档。
    RemoveFormat 从当前选中区中删除格式化标签。
    RemoveParaFormat 目前尚未支持。
    SaveAs 将当前 Web 页面保存为文件。
    SelectAll 选中整个文档。
    SizeToControl 目前尚未支持。
    SizeToControlHeight 目前尚未支持。
    SizeToControlWidth 目前尚未支持。
    Stop 目前尚未支持。
    StopImage 目前尚未支持。
    StrikeThrough 目前尚未支持。
    Subscript 目前尚未支持。
    Superscript 目前尚未支持。
    UnBookmark 从当前选中区中删除全部书签。
    Underline 切换当前选中区的下划线显示与否。
    Undo 目前尚未支持。
    Unlink 从当前选中区中删除全部超级链接。
    Unselect 清除当前选中区的选中状态。

    关于document.execCommand:
    要执行编辑命令,可调用 document.execCommand,并传递对应于命令 ID 的字符串。另外还有可选的第二个参数,该参数指定如果可以应用的话是否显示此命令的用户界面。传递整数 1 将显示用户界面,整数 0 将跳过它。这个参数通常不用于编辑命令。因为默认值为 0,所以假如您没有使用第三个参数(在这种情况下,还必须为第二个参数传递值),一般可以不管它。第三个参数也是可选的,在可应用的情况下,使用它来将任何所需参数传递给该命令。

    Pixy方法受到IE的cache bug影响会闪烁。其实并没有说清楚这个问题,但其实该bug是有条件的,即IE的cache设置为Every visit to the page,而不是默认的Automatically。基本上,只有开发者才会把cache设置为每次访问检查更新,所以这个bug其实不会影响真正的用户(根据在winxpsp2的ie6下测试,虽然可能仍然调用了一次网络存取的api,但是并没有发生实际的请求,症状就是鼠标有极短时间的抖动,但是图像不会闪烁)。此外有人发现了一个未公开的方法来让IE对背景图进行缓存:
    document.execCommand(”BackgroundImageCache”,false,true)

    用这种方法甚至避免了api调用,貌似是直接缓存在IE内存中。

    IE6下设置背景图片是不会被真正cache住的,就算服务器做了cache,如果想cache住只能~~~

    做过UI设计和开发的人一定知道,IE(不包括IE7)会经常从服务器端重新载入背景图片,好端端的UI界面在IE(不包括IE7)中就这样被折腾着……

    Erik发现了一个简单的解决办法(针对IE7以下的IE有效,其实在IE7中已经修复了这个Bug)
    程序代码 程序代码

    document.execCommand(”BackgroundImageCache”, false, true);

    今天阅读Ext的源码时发现Jack Slocum已经考虑到了这一点,在Ext.js中给出了他的实现,在其它Ajax框架中应该还没有这种类似的代码,从这一个细节上就能看出Ext的全面~
    程序代码 程序代码

    var isIE = ua.indexOf(”msie”) > -1, isIE7 = ua.indexOf(”msie 7″) > -1;
    // remove css image flicker
    if(isIE && !isIE7){
    try{
    document.execCommand(”BackgroundImageCache”, false, true);
    }catch(e){}
    }

    今天阅读幻宇的dreamplayer播放器源码时发现幻宇也针对IE的背景缓存进行了修复,只是他并没考虑到IE7中已经不存在这个现象了,这是 evml.js中的一段相关代码~(顺便嘀咕两句:这家伙,写JS从来不加分号的,以前是这样,现在还是这样,这样的话怎么进行压缩呀,汗~下面的代码按照我的习惯都已加上分号,哪怕只有两三句而已~)
    程序代码 程序代码

    windows.isIE=navigator.appName.indexOf(“Microsoft”)==0;
    if(isIE){
    document.documentElement.addBehavior("#default#userdata");
    document.execCommand(“BackgroundImageCache”,false,true);

    转自:https://www.cnblogs.com/MrZouJian/p/5912884.html

    展开全文
  • Javascript document对象常用的方法和属性 对象属性: document.title //设置文档标题等价于HTML的...document.bgColor //设置页面背景色&lt;br/&gt; document.fgColor //设置前景色(文本颜色)&lt;br/...

    Javascript document对象常用的方法和属性

    对象属性:

    document.title //设置文档标题等价于HTML的标签<br/> document.bgColor //设置页面背景色<br/> document.fgColor //设置前景色(文本颜色)<br/> document.linkColor //未点击过的链接颜色<br/> document.alinkColor //激活链接(焦点在此链接上)的颜色<br/> document.vlinkColor //已点击过的链接颜色<br/> document.URL //设置URL属性从而在同一窗口打开另一网页<br/> document.fileCreatedDate //文件建立日期,只读属性<br/> document.fileModifiedDate //文件修改日期,只读属性<br/> document.fileSize //文件大小,只读属性<br/> document.cookie //设置和读出cookie<br/> document.charset //设置字符集 简体中文:gb2312

    常用对象方法:

    document.write() //动态向页面写入内容
    document.createElement(Tag) //创建一个html标签对象
    document.getElementById(ID) //获得指定ID值的对象
    document.getElementsByName(Name) //获得指定Name值的对象
    document.body.appendChild(oTag)

    body-主体子对象

    document.body //指定文档主体的开始和结束等价于
    document.body.bgColor //设置或获取对象后面的背景颜色
    document.body.link //未点击过的链接颜色
    document.body.alink //激活链接(焦点在此链接上)的颜色
    document.body.vlink //已点击过的链接颜色
    document.body.text //文本色
    document.body.innerText //设置…之间的文本
    document.body.innerHTML //设置…之间的HTML代码
    document.body.topMargin //页面上边距
    document.body.leftMargin //页面左边距
    document.body.rightMargin //页面右边距
    document.body.bottomMargin //页面下边距
    document.body.background //背景图片
    document.body.appendChild(oTag) //动态生成一个HTML对象

    常用对象事件:

    document.body.οnclick=“func()” //鼠标指针单击对象是触发
    document.body.οnmοuseοver=“func()” //鼠标指针移到对象时触发
    document.body.οnmοuseοut=“func()” //鼠标指针移出对象时触发

    location-位置子对象:

    document.location.hash // #号后的部分
    document.location.host // 域名+端口号
    document.location.hostname // 域名
    document.location.href // 完整URL
    document.location.pathname // 目录部分
    document.location.port // 端口号
    document.location.protocol // 网络协议(http:)
    document.location.search // ?号后的部分

    常用对象事件:

    documeny.location.reload() //刷新网页
    document.location.reload(URL) //打开新的网页
    document.location.assign(URL) //打开新的网页
    document.location.replace(URL) //打开新的网页

    selection-选区子对象
    document.selection

    images集合(页面中的图象):

    a)通过集合引用
    document.images //对应页面上的标签
    document.images.length //对应页面上标签的个数
    document.images[0] //第1个标签
    document.images[i] //第i-1个标签

    b)通过name属性直接引用

    document.images.oImage //document.images.name属性

    c)引用图片的src属性
    document.images.oImage.src //document.images.name属性.src

    d)创建一个图象
    var oImage
    oImage = new Image()
    document.images.oImage.src=“1.jpg”
    同时在页面上建立一个标签与之对应就可以显示

    示例代码(动态创建图象):

    ddd ---------------------------- 示例代码(Select): 1 2 3

    Div集合(页面中的层):

    Text

    document.all.oDiv //引用图层oDiv
    document.all.oDiv.style.display="" //图层设置为可视
    document.all.oDiv.style.display=“none” //图层设置为隐藏
    document.getElementId(“oDiv”) //通过getElementId引用对象
    document.getElementId(“oDiv”).
    document.getElementId(“oDiv”).display=“none”
    /document.all表示document中所有对象的集合
    只有ie支持此属性,因此也用来判断浏览器的种类
    /

    图层对象的4个属性
    document.getElementById(“ID”).innerText //动态输出文本
    document.getElementById(“ID”).innerHTML //动态输出HTML
    document.getElementById(“ID”).outerText //同innerText
    document.getElementById(“ID”).outerHTML //同innerHTML

    示例代码:

    Text
    Text
    展开全文
  • js中document与window的区别

    千次阅读 2019-04-05 13:24:43
    document对象: 每个载入浏览器的HTML文档都会...Document对象使我们可以从脚本对HTML页面中的所有元素进行访问 对象属性 document.title//设置文档标题等价于HTML的 document.bgColor//设置页面背景色 doc...

    document对象:

    每个载入浏览器的HTML文档都会成为Document对象

    Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问

    对象属性

           document.title                 //设置文档标题等价于HTML的
           document.bgColor               //设置页面背景色
           document.fgColor               //设置前景色(文本颜色)
           document.linkColor             //未点击过的链接颜色
           document.alinkColor            //激活链接(焦点在此链接上)的颜色
           document.vlinkColor            //已点击过的链接颜色
           document.URL                   //设置URL属性从而在同一窗口打开另一网页
           document.fileCreatedDate       //文件建立日期,只读属性
           document.fileModifiedDate      //文件修改日期,只读属性
           document.fileSize              //文件大小,只读属性
           document.cookie                //设置和读出cookie
           document.charset               //设置字符集 简体中文:gb2312

    对象方法

           document.write()                      //动态向页面写入内容
           document.createElement_x(Tag)           //创建一个html标签对象
          document.getElementByIdx_x(ID)           //获得指定ID值的对象
          document.getElementsByName(Name)      //获得指定Name值的对象
          document.body.appendChild(oTag)

    body-主体子对象

           document.body                   //指定文档主体的开始和结束等价于
           document.body.bgColor           //设置或获取对象后面的背景颜色
           document.body.link              //未点击过的链接颜色
           document.body.alink             //激活链接(焦点在此链接上)的颜色
           document.body.vlink             //已点击过的链接颜色
           document.body.text              //文本色
           document.body.innerText         //设置...之间的文本
           document.body.innerHTML         //设置...之间的HTML代码
           document.body.topMargin         //页面上边距
           document.body.leftMargin        //页面左边距
           document.body.rightMargin       //页面右边距
           document.body.bottomMargin      //页面下边距
           document.body.background        //背景图片
           document.body.appendChild(oTag) //动态生成一个HTML对象

    常用对象事件

           document.body.οnclick="func()"              //鼠标指针单击对象是触发
           document.body.οnmοuseοver="func()"          //鼠标指针移到对象时触发
           document.body.οnmοuseοut="func()"           //鼠标指针移出对象时触发

    location-位置子对象

         document.location.hash          // #号后的部分
         document.location.host          // 域名+端口号
         document.location.hostname      // 域名
         document.location.href          // 完整URL
         document.location.pathname      // 目录部分
         document.location.port          // 端口号
         document.location.protocol      // 网络协议(http:)
         document.location.search        // ?号后的部分

    常用对象

         documeny.location.reload()          //刷新网页
         document.location.reload(URL)       //打开新的网页
         document.location.assign(URL)       //打开新的网页
         document.location.replace(URL)      //打开新的网页
         ========================================================================
         selection-选区子对象
         document.selection
         ========================================================================
          images集合(页面中的图象):
          ----------------------------
          a)通过集合引用
          document.images                 //对应页面上的标签
          document.images.length          //对应页面上标签的个数
          document.images[0]              //第1个标签          
          document.images[i]              //第i-1个标签
          ----------------------------
          b)通过nane属性直接引用

          document.images.oImage          //document.images.name属性
         ----------------------------
         c)引用图片的src属性
         document.images.oImage.src      //document.images.name属性.sr

    Document对象的描述

    HTMLDocument接口对DOM Document进行了扩展,定义HTML专用的属性和方法

    提示:Document对象使Window对象的一部分,可通过window.document属性对其进行访问

    Window对象:

    表示浏览器中打开的窗口

    对象属性:

           window //窗口自身
      window.self //引用本窗户window=window.self
      window.name //为窗口命名
      window.defaultStatus //设定窗户状态栏信息
      window.location //URL地址,配备布置这个属性可以打开新的页面

    对象方法

      window.alert("text") //提示信息会话框
      window.confirm("text") //确认会话框
      window.prompt("text") //要求键盘输入会话框
      window.setIntervel("action",time) //每一隔指定的时间(毫秒)就执行一次操作
      window.clearInterval() //清除时间配备布置作用就是终止轮回
      window.setTimeout(action,time) //隔了指定的时间(毫秒)执行一次操作
      window.open() //打开新的窗口
      window.close() //关闭窗口

    成员对象

           window.event
      window.document 
      window.history
      window.screen
      window.navigator
      window.external
      -------------------------------------------------- -------------------
      window.history对象
      window.history.length //浏览过的页面数
      history.back() //后退
      history.forward() //前进
      history.go(i) //前进或后退到历史记录的第i个页面
      //i>0进步,i<0 后退
        ------------------------------------------------- -------------------
      window.screen对象
         window.screen.width //屏幕宽度
      window.screen.height //屏幕高度
      window.screen.colorDepth //屏幕色深
      window.screen.availWidth //可用宽度
      window.screen.availHeight //可用高度(除去任务栏的高度)
      -------------------------------------------------- -------------------
      window.external对象
      window.external.AddFavorite("地址","标题" ) //把网站新增到保藏夹
      -------------------------------------------------- -------------------
      window.navigator对象
      window.navigator.appCodeName //浏览器代码名
      window.navigator.appName //浏览器应用程序名
      window.navigator.appMinorVersion //浏览器补丁版本
      window.navigator.cpuClass //cpu类型 x86
      window.navigator.platform //操作体系类型 win32
      window.navigator.plugins
      window.navigator.opsProfile
      window.navigator.userProfile
      window.navigator.systemLanguage //客户体系语言 zh-cn简体中文
      window.navigator.userLanguage //用户语言,同上
      window.navigator.appVersion //浏览器版本
      window.navigator.userAgent
      window.navigator.onLine //用户否在线
      window.navigator.cookieEnabled //浏览器是否撑持cookie
      window.navigator.mimeTypes

    转载链接:https://blog.csdn.net/qq_30583891/article/details/80497862

    https://blog.csdn.net/mystric594/article/details/72519788

    展开全文
  • document.location.protocol与谷歌分析

    千次阅读 2012-05-04 10:38:53
    document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) document.linkColor //未点击过的链接颜色 document.alinkColor //激活链接(焦点在此链接上)的颜色 document.vlinkColor //
  • 在浏览器,与用户进行数据交换都是通过客户端的javascript代码来实现的,而完成这些交互工作大多数是document对象及其部件进行的,因此document对象是一个比较重要的对象。 document对象概述 document对象是...
  • document 使用方法介绍

    千次阅读 2022-03-26 22:08:03
    JS document 使用方法介绍
  • 1 Document节点概述 2 document节点的属性 2.1 doctype,documentElement,defaultView,body,head,activeElement 2.1.1 doctype 2.1.2 documentElement 2.1.3 defaultView 2.1.4 body 2.1.5 head 2.1.6 ...
  • JS的Document属性和方法

    千次阅读 2018-01-16 23:30:17
    document.forms[i].elements[j] //第i-1个/formform第j-1个控件 b)通过标签name属性直接引用 /formform name=”Myform”>input name=”myctrl”/>/form document.Myform.myctrl //document.表单名.控件名...
  • document属性作为window对象的一个子对象被创建,是用于访问页面中所有元素的对象,这里简单整理下,方便学习js的朋友 Javascriptwindow.document的属性、方法和事件的总结,有需要的朋友可参考一下本文章。  ...
  • JavaScript DOM(二)之Document类型

    千次阅读 2016-05-31 20:03:28
    因此我们称document 为文挡对象,在浏览器document对象是HTMLDocument的一个实例,表示整个HTML页面,而且,document对象是window对象的一个属性,因为可以作为一个全局对象来访问; Document类型特征 1:...
  • 在浏览器,**用document表示整个HTML或者XML文档**。**document节点是文档的根节点,其它节点都是它的子节点**。只要浏览器开始载入HTML文档,这个节点对象就存在了,可以直接调用。 document节点: - 子节点:...
  • JS(DOM-Node、Document、Element)

    千次阅读 2022-03-11 12:53:49
    查看节点类型nodeType(Document9 Element1 Text3 Comment8) 返回节点名称nodeName(返回纯大写节点名称) 获取子节点childNodes,保存的是NodeList列表(返回一个类数组对象) ES5 将类数组对象转换成数组对象 ...
  • document节点

    2018-01-11 16:56:51
    document节点就是文档的根节点,每张网页都有自己的document节点。window.document属性就是指向这个节点。只要浏览器开始载入HTML文档,这个节点对象就存在了,可以直接调用。 document节点有不同的方法可以获取。 ...
  • 【JavaScript】获取Document类型和Element类型属性

    千次阅读 热门讨论 2018-04-29 22:59:07
    在浏览器document 对象是 HTMLDocument(继承自 Document 类型)的一个实例,表示整个 HTML 页面。而且, document 对象是 window 对象的一个属性,因此可以将其作为全局对象来访问。1、文档子节点可以使用...
  • 原文地址:https://www.cnblogs.com/endv/p/5983110.html {IHTMLDocument2 方法:} write //写入 writeln //写入并换行 open //打开一个流,以收集 document.write 或 document.writeln ...
  • document属性作为window对象的一个子对象被创建,是用于访问页面中所有元素的对象,这里简单整理下,方便学习js的朋友 javascriptwindow.document的属性、方法和事件的总结,有需要的朋友可参考一下本文章。  ...
  • JS中document对象 && window对象

    万次阅读 多人点赞 2018-05-14 19:04:34
    Window 对象表示浏览器打开的窗口。 document页面document是window的一个子对象、一个对象属性。 2、用户不能改变 document.location(因为这是当前显示文档的位置)。 但是,可以改变window.location (用其它...
  • js中document对象使用

    2016-04-07 22:41:12
    js中document对象使用 document 文挡对象 - JavaScript脚本语言描述 注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写 否则会提示你一个错误信息 “引用的元素为空或者不是对象\\\” 对象属性...
  • 在浏览器document 对象是 HTMLDocument(继承自 Document 类型)的一个实例,表示整个 HTML 页面。而且, document 对象是 window 对象的一个属性,因此可以将其作为全局对象来访问。 1、文档子节点 可以...
  • Document对象内容集合 document 文挡对象 - JavaScript脚本语言描述 ——————————————————————— 注:页面上元素name属性和JavaScript引用的名称必须一致包括大小写 否则会提示你一个...
  • 图像是Web页面的一大组成部分,如果一个网页只存在文本、表格以及单一的颜色来表达是不够的。JavaScript提供了图像处理的功能。 Image对象 在网页使用图片非常普遍,只需要在HTML文件使用&lt;img&gt;...
  • document对象详解

    千次阅读 2019-05-22 15:23:42
    document对象概述: document对象是文档的根节点,只要浏览器开始载入HTML文档,这个对象就开始存在了,它作为一个入口去操作网页内容,可以直接调用。document的属性和方法非常多,下面我做了一些基本归类,对于更...
  • javascriptwindow.document的属性、方法和事件的总结,有需要的朋友可参考一下本文章。 属性: Attributes 存储节点的属性列表(只读) childNodes 存储节点的子节点列表(只读) dataType 返回此节点的...
  • 在浏览器document 对象是 HTMLDocument(继承自 Document 类型)的一个实例,表示整个 HTML页面。而且,document 对象是 window 对象的一个 属性,因此可以将其作为全局对象来访问。 Document节点特征 nodeType...
  • 要访问 HTML 页面中元素,除可以用Document对象的方法外,还可以通过Document对象的属性。Document对象的属性和方法有的可返回单个Element元素对象,有的会返回一个HTMLCollection元素集合对象,其中保存了对锚...
  • C# WebBrowser document.execCommand()解析

    千次阅读 2010-12-11 19:51:00
    compatMode //兼容模式, 返回 BackCompat、CSS1Compat 等  {IHTMLDocument5 事件:}  onmousewheel //旋转鼠标滚动轮时  onfocusin //获取输入焦点时  onfocusout //失去输入焦点时  onactivate //激活时  on...
  • document应用

    2012-06-04 15:48:47
    javaScript document对象详解 来源:web开发 发布日期:2009-6-10 阅读数: 33678 Document对象内容集合 document 文挡对象 - JavaScript脚本语言描述 ——————————————————————— 注...
  • document常用api

    千次阅读 2019-04-14 22:21:34
    主要是为了记忆和理解而写的博客,自己比较笨,所以必须手打一遍才能记住 ...| body | document.body返回当前文档的<body>元素或者<frameset>元素 | | characterSet | document.charact...
  • document对象是documentHTML的一个实例,也是window对象的一个属性,因此可以将document对象作为一个全局对象来访问。  Document节点的子节点可以是DocumentType,Element...这个不常用的接口表示 XML 文档的一个处

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 25,371
精华内容 10,148
关键字:

document.images[1]表示页面中的

友情链接: FileSystemWatcher.rar