HTML DOM教程 37-HTML DOM Meta 对象

最新推荐文章于 2024-08-20 16:48:16 发布
最新推荐文章于 2024-08-20 16:48:16 发布
阅读量53 收藏
点赞数
文章标签： javascript ViewUI

HTML DOM教程 37-HTML DOM Meta 对象

 

　　1：Meta 对象

　　Meta 对象代表 HTML 的 一个 <meta> 元素。

　　<meta> 元素可提供有关某个 HTML 元素的元信息 (meta-information)，比如描述、针对搜索引擎的关键词以及刷新频率。

　　2：Meta Object Properties

属性描述IEFOW3C
content设置或返回 <meta> 元素的 content 属性的值。519Yes
httpEquiv把 content 属性连接到一个 HTTP 头部。519Yes
name把 content 属性连接到某个名称。519Yes
scheme设置或返回用于解释 content 属性的值的格式。619Yes

 

　　3:scheme 属性

　　本例返回用于解释 content 属性的值的格式：

<html>
<head>
<meta name="revised" content="2006-11-03" scheme="YYYY-MM-DD" />
</head>
<body>
<script type="text/javascript">
x=document.getElementsByTagName("meta")[0];
document.write("Content format: " + x.scheme);
</script>
</body> 
</html>

4：让页面5秒后重定向

 

<html>
<head>
<meta http-equiv="refresh" content="5;url=http://www.w3school.com.cn" />
</head>
<body>
<script type="text/javascript">
x=document.getElementsByTagName("meta")[0];
document.write("Http equiv: " + x.httpEquiv);
</script>
<p>We have moved! The new URL is: <a href="http://www.w3school.com.cn">http:　　　　　　//www.w3school.com.cn</a></p>
<p>You will be redirected to the new address in five seconds. If you see this message for more than 5 seconds, please click on the link above.</p>
</body>
</html>

5:让页面每5秒钟刷新一次

<html>
<head>
<meta http-equiv="refresh" content="5" />
</head>
<body>
<script type="text/javascript">
x=document.getElementsByTagName("meta")[0];
document.write("Http equiv: " + x.httpEquiv);
</script>
</body>
</html>



weixin_34399060
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML DOM（文档对象模型） 详细讲解
qq_53016083的博客
01-18 1833
1. HTML DOM 独立于平台和编程语言。它可被任何编程语言诸如 Java、JavaScript 和 VBScript 使用。 2. 当网页被加载时，浏览器会创建页面的文档对象模型（Document Object Model）。 3. 通过 HTML DOM，可访问 JavaScript HTML 文档的所有元素。
HTML DOM Style 对象 样式设置修改 （案例）
weixin_44382073的博客
01-25 7018
DOM样式的修改，对象.style.属性名=属性值; CSS样式和DOM样式在js用法区别 CSS DOM width width height height background-color backgroundColor font-size fontSize borde...
初学JavaScript：HTML DOM
lalala_dxf的博客
04-16 1216
DOM 简介 DOM是JS操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个JS对象，从而可以用脚本进行各种操作（比如增删内容）（可以理解为对一个网页节点进行增删操作，一个节点可以是一对html标签，也可以是一对span标签）。 拆分理解下： • 文档 – 文档表示的就是整个的HTML网页文档，也就做结构树 • 对象 – 对象表示将网页中的每一个部分都转换为了一个对象。 • 模型 – 使用模型来表示对象之间的关系，这样方便我们获取对象 文档对象
DOM事件类型、event对象，最详解析。
热门推荐
LeslieCheung_的博客
05-11 1万+
目录事件对象（一）DOM中的事件对象⑴ 示例⑵ 所有事件都有的event对象的属性和方法① currentTarget | this | targer 的区别 事件对象 在触发DOM上的某个事件时，会产生一个事件对象event，这个事件对象包含着所有与事件有关的信息，例如事件是冒泡还是捕获，事件的目标，鼠标坐标，键盘按下的键，等等信息，不要太好用 下面一起来看看event事件对象都有哪些内容吧。 （一）DOM中的事件对象 兼容DOM的浏览器会将一个event对象传入到事件处理程序中。无论DOM0
将HTMLDOM对象转换成字符串
qq_41672008的博客
07-22 1万+
将HTMLDOM对象转换成字符串 之前定义过的 document.beHTMLDOM() 函数可以将 htmlDOM字符串解析成 HTMLDOM，但是反过来，可不可以呢？即 将 HTMLDOM 转换成 HTMLDOM字符串 话不多说，直接上代码： <!DOCTYPE html> <html> <head> <meta chars...
【JavaScript】HTML DOM事件------onclick
陶洲川的博客
09-09 1437
HTML DOM使得JavaScript有能力对HTML事件作出反应； 一、HTML事件有以下几类： 1.网页元素加载完毕； 网页加载完毕； 图像加载完毕； 2.鼠标移动到某个区域上； 3.鼠标点击某个区域或元素； 4.改变； 输入字段被改变； 提交HTML表单； 5.用户触发某个按键；二、第一个例子<!DOCTYPE html> <html> <head> <meta charset="u
DOM对象
weixin_45649686的博客
01-27 4926
1.Html DOM 1.DOM是Document Object Model文档对象（网页中的标签）模型的缩写。 2.通过html DOM，可用javaScript操作html文档的所有标签。 3.DOM对象：指的是一类对象的总称。 4.DOM：在js对网页进行操作时，认为网页中的每个标签就是一个对象，使用面向对象的思想来操作，js中提供了一个document对象，表示整个html文档对象，网页加载后会自动生成表示此文档的document对象，通过document提供的方法精确获得网页中要操作的标签。 2.
DOM--获取body和HTML元素
qq_43968060的博客
07-24 2787
获取特殊元素–body,html 获取body元素 获取HTML元素 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </h
JS：dom-to-image网页截图保存
彭世瑜的博客
12-24 1800
文档：https://github.com/tsayen/dom-to-image CDN <script src="https://cdn.bootcdn.net/ajax/libs/dom-to-image/2.6.0/dom-to-image.js"></script> 代码示例 <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewpor
【Web APIs】DOM 文档对象模型 ① ( DOM 相关概念 - DOM 文档、DOM 树、DOM 节点 | 根据元素 ID 获取 DOM 元素 - getElementById 函数 )
让 学习 成为一种 习惯 ( 韩曙亮 の 技术博客 )
06-17 2162
一、DOM 相关概念 1、DOM 简介 2、DOM 相关概念 - DOM 文档、DOM 树、DOM 节点 二、获取 DOM 元素 1、获取 DOM 元素的常用方法 2、根据元素 ID 获取 DOM 元素 - getElementById 函数 3、标签和 JavaScript 脚本书写顺序 4、console.dir 函数打印对象属性列表
dom4j-1.6.1的包
09-03
压缩包中的 `META-INF` 目录通常包含关于包的元数据，如签名信息、服务配置等。`org` 目录则包含 DOM4J 库的所有类文件，按照包名组织，方便 Java 虚拟机（JVM）加载和使用。 **总结** DOM4J-1.6.1 包是一个强大的...
AngularJS 入门教程之HTML DOM实例详解
10-21
本教程将重点介绍AngularJS在HTML文档对象模型（HTML DOM）上的应用，通过实例详细讲解AngularJS中用于操作DOM的指令和概念。 首先，AngularJS中通过指令（directives）的方式，提供了对HTML元素属性的绑定能力，...
JavaScript结合HTML DOM实现联动菜单
12-01
标题中的“JavaScript结合HTML DOM实现联动菜单”是指在网页中使用JavaScript动态生成并操作HTML文档对象模型（DOM）来创建一种交互式的菜单效果。当用户在一个下拉菜单中选择一个选项时，它会触发另一个下拉菜单...
网上商品订单转手系统bootpf
weixin_43213064的博客
08-18 495
【代码】springboot网上商品订单转手系统bootpf
44 个 React 前端面试问题
广漂程序猿DevinRock
08-14 1146
虚拟 DOM 是 React 中的一个概念，其中创建实际 DOM（文档对象模型）的轻量级虚拟表示并将其存储在内存中。它是一种用于优化 Web 应用程序性能的编程技术。当 React 组件的数据或状态发生更改时，虚拟 DOM 会被更新，而不是直接操作真实 DOM。然后，虚拟 DOM 计算组件的先前状态和更新状态之间的差异，称为“比较”过程。一旦识别出差异，React 就会高效地仅更新真实 DOM 的必要部分以反映更改。这种方法最大限度地减少了实际 DOM 操作的数量，并提高了应用程序的整体性能。
Nuxt3【内置的工具函数】2024最新版
最新发布
朝阳39的博客
08-20 742
用于在Vue应用程序或API路由中进行HTTP请求，详见。
React学习笔记，从入门到砸门
留白声的博客
08-20 740
react详细自我学习笔记，内容包括JSX、Redux、Router等
CSS的:defined伪类：选择已定义元素的新选择器
2401_85743969的博客
08-17 640
在CSS中，伪类用于选择元素的不同状态或行为。:defined伪类是CSS4的一个特性，用于选择已经在文档中定义的元素。
HTML DOM对象详解与文档结构
"这篇文档是关于JavaScript中的主要DOM对象清单，包括Document、Anchor、Area、Base、Body等重要对象，以及HTML的基本概念和结构。" 本文档主要介绍JavaScript中的DOM对象，DOM即Document Object Model，它是HTML和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值