JS DOM常用属性

最新推荐文章于 2023-03-20 11:21:44 发布

boonyaxnn

最新推荐文章于 2023-03-20 11:21:44 发布

阅读量568

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/boonyaxnn/article/details/89004275

版权

JavaScript 专栏收录该内容

90 篇文章 0 订阅

订阅专栏

DOM: document object model  文档对象模型 提供了一套管理操作html文档的规则
document 就是dom的一个具象化的对象  整个文档对象就是 document
document对象，不需要手动创建，直接使用即可。

1.doctype
    描述：获取文档类型 它是document对象的第一个直接子节点
    语法：document.doctype
    例子：
        console.log(document.doctype);//<!doctype html>

2.documentelement *****
    描述：获取html文档 它是document对象的第二个直接子节点
    语法：document.documentelement
    例子：
        console.log( document.documentelement)

3.body
    描述：获取body内容
    语法：document.body
    例子：
     console.log(document.body);

4.head
    描述：获取head
    语法：document.head
    例子：
     console.log(document.head);

5.documenturi
   描述;返回当前文档的地址 只能读取
   语法：document.documenturi
   例子：
     console.log(document.documenturi);//http://localhost:63342/code/7.dom%e5%b8%b8%e7%94%a8%e5%b1%9e%e6%80%a7%e4%b8%8a.html
6.url
   描述：返回当前文档的地址
   语法：document.url
   例子：
     console.log(document.url);//http://localhost:63342/code/7.dom%e5%b8%b8%e7%94%a8%e5%b1%9e%e6%80%a7%e4%b8%8a.html
7.domain
   描述：获取当前文档的域名
   语法：document.domain
   例子：
     console.log(document.domain);

8.lastmodified  **
   描述：返回文档的最后修改时间
   语法：document.lastmodified
   例子：
     console.log(document.lastmodified);

9①href: ***
     描述：返回当前文档完整的信息
     语法：location.href
     例子：
        console.log(document.location.href);//http://localhost:63342/code/8.dom%E5%B8%B8%E7%94%A8%E6%96%B9%E5%B1%9E%E6%80%A7%E4%B8%AD.html
 注意：此属性可读可写
       既可以获取当前文档的地址 也可以改变当前文档的地址
      location.href = 'http://www.baidu.com';
  ②.protocol
     描述：获取当前文档遵守的协议
     语法：location.protocol
     例子：
      console.log(location.protocol);//http:
  ③host
     描述：返回当前文档的域名+端口号
     语法：location.host
     例子：
         console.log(location.host);//localhost:63342

  ④hostname
      描述：返回域名
      语法：location.hostname
      例子：
          console.log(location.hostname);
  ⑤port
      描述：获取当前文档的端口
      语法：location.port
      例子：
             console.log(location.port);//端口63342
  ⑥pathname
     描述：返回当前文档在服务器的路径
     语法：location.pathname
     例子：
      console.log(location.pathname);///code/8.dom%E5%B8%B8%E7%94%A8%E6%96%B9%E5%B1%9E%E6%80%A7%E4%B8%AD.html
  ⑦location.search
     描述：获取表单使用get提交 显示到地址栏的内容
     语法：location.search
     例子：
        console.log(location.search);//?userName=Bob&pwd=123456&sex=mail
     注意：
        1.表单必须具有name属性
        2.必须采用get请求
  ⑧assign()
     描述：可以改变当前文档的地址
     语法：location.assign('网址')
     例子:
      console.log(location.assign('http://www.baidu.com'));
  ⑨reload()
      描述：重新加载当前页面
      语法：location.reload(false/true)
      例子：
      btn.onclick = function () {
             location.reload(true);
      };
  ⑩title
      描述：获取当前文档的标题
      语法：document.title
      例子：
      document.title='hehehe';
      console.log(document.title);
      注意：不仅可以获取 还可以修改

   ⑩charset
      描述：获取当前文档的编码
      语法：document.charset
      例子：
         console.log(document.charset);//utf-8

1.readyState:  *****
    描述：返回当前文档的状态
    语法：document.readyState
    例子：
        console.log(document.readyState);//loading
   
        var timer =  setInterval(function () {
        if(document.readyState=='complete'){
        console.log('加载完毕');
        clearInterval(timer);
        }
        },2000);
    注意：
      readyState属性返回当前文档的状态。
      共有四种可能值：
       尚未加载                         unloading
       加载HTML代码阶段（尚未完成解析）   “loading”，
       已加载，文档与用户可以开始交互    “interactive”，
       全部加载完成是                    “complete”。

2.anchors
     描述:返回所有含有name属性的a标签
     console.log(document.anchors);
     console.log(document.forms);

boonyaxnn

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JS DOM常用属性

DOM: document object model 文档对象模型提供了一套管理操作html文档的规则document 就是dom的一个具象化的对象整个文档对象就是 documentdocument对象，不需要手动创建，直接使用即可。1.doctype 描述：获取文档类型它是document对象的第一个直接子节点语法：document.doctype ...
复制链接

扫一扫