• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > html5指南-2.如何操作document metadata

html5指南-2.如何操作document metadata

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含Document,metadata等相关知识,佚名 希望在学习及工作中可以帮助到您
今天的内容是关于如何操作document对象。
1.操作Document Metadata
首先我们来看看相关的属性:
characterSet:获取当前document的编码方式,该属性为只读;
charset:获取或者设置当前document的编码方式;
compatMode:获取当前document的兼容模式;
cookie:获取或者设置当前document的cookie对象;
defaultCharset:获取浏览器默认的编码方式;
defaultView:获取当前当前document的window对象;
dir:获取或者设置当前document的文本对齐方式;
domain:获取或者设置当前document的domian值;
implementation:提供所支持的dom特性的信息;
lastModified:获取document最后的修改时间(如果没有最后修改时间,则返回当前时间);
location:提供当前document的url信息;
readyState:返回当前document的状态,该属性是只读属性;
referrer: 返回连接到当前document的document url信息;
title:获取或者设置当前document的title。
来看下面的例子:


2.如何理解兼容模式
compatMode属性告诉你浏览器是如何处理当前document的。有太多不标准的html了,浏览器会试图显示这些页面,即使他们不符合html规范。有些内容依赖于早先浏览器大战时所存在的独特的特性,而这些属性石不符合规范的。compatMode会返回一个或两个值,如下:
CSS1Compat:document符合一个有效的html规范(不一定是html5,验证的html4页面同样返回这个值);
BackCompat:document包含不符合规范的特性,触发了兼容模式。
3.使用Location对象
document.location返回一个Location对象,向你提供细粒度的document的地址信息,同时允许你导航到其他document。
protocol:获取或者设置document url的协议;
host:获取或者设置document url的主机信息;
href:获取或者设置document的地址信息;
hostname:获取或者设置document的主机名;
search:获取或者设置document url查询部分的信息;
hash:获取或者设置document url hash部分的信息;
assign(<url>):导航到一个指定url;
replace(<url>):移除当前document,导航到指定的url;
reload():重新加载当前document;
resolveURL(<url>):将相对路径变为绝对路径。
来看下面的例子:


4.读写cookie
通过cookie属性,可以对document的cookie进行新增,修改和读取操作。如下例:


5.理解ReadyState
document.readyState帮助你了解页面加载和解析过程中,页面所处的当前状态。需要记住的一点是,浏览器当遇到script元素时会立即执行,除非你使用defer属性延时脚本的执行。readyState有三个值代表不同的状态。
loading:浏览器正在加载和执行document;
interactive:docuent已经完成解析,但是浏览器正在加载其他外部资源(media,图片等);
complete:页面解析完成,外部资源在家完毕。
在浏览器整个加载和解析的过程中,readyState的值会从loading,interactive和complete逐个改变。当结合readystatechange事件(readyState状态改变时触发)使用,readyState会变得相当有价值。

Pr

您可能想查找下面的文章:

  • html5小技巧之通过document.head获取head元素
  • html5指南-2.如何操作document metadata
  • html5指南(2)-操作Document metadata的详情介绍
  • HTML5实战与剖析之HTMLDocument变化
  • html5指南-2.如何操作document metadata_html5教程技巧
  • html5小技巧之通过document.head获取head元素_html5教程技巧

相关文章

  • 2018-12-03李炎恢HTML5视频资料分享
  • 2018-12-03用仿ActionScript的语法来编写html5——第七篇,自定义按钮
  • 2018-12-03Javascript 高级手势使用介绍_html5教程技巧
  • 2018-12-03HTML5&Flash之粗知浅见
  • 2018-12-03浅谈HTML5语义元素的实例教程
  • 2018-12-03各视频站做到自动切换flash和html5播放器的难度有多大?
  • 2018-12-03HTML5 是一门编程语言吗?
  • 2018-12-03HTML5 拖拽复制功能的实现
  • 2018-12-03HTML5的语法变化介绍_html5教程技巧
  • 2018-12-03h5 canvas实现粒子时钟的详细方法

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • HTML5 Canvas入门学习教程
    • H5之13__CSS过渡、动画和变换
    • Vuejs如何实现搜索匹配功能
    • H5如何做出碎片式的图片切换
    • web存储--webstorage详细介绍
    • 深入剖析HTML5 内联框架iFrame_html5教程技巧
    • 15个关于HTML的入门问题
    • HBuilder 编辑器有什么故事?
    • phonegap使用方法介绍(一)查找联系人
    • a 标签为什么能够包含块级元素?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有