< 模板 >

---

实例:

例子1：
< !文章类型 网页> 
< 网页> 
< 主体> 

< 标题1> 模板 元素< /标题1> 

< 段落> 单击下面的按钮，显示 模板 元素中的隐藏内容。< /段落> 

< 按钮 鼠标左键被单击="showcontent()"> 显示隐藏的内容< /按钮> 

< 模板> 
< 标题2> flower< /标题2> 
< 图像 资源地址="https://www.w3school.com.cn/i/photo/flower.gif" 宽度="180" 高度="180"> 
< /模板> 

< 脚本> 
function showcontent() {
var temp = document.getelementsbytagname("template")[0];
var clon = temp.content.clonenode(true);
document.body.appendchild(clon);
}
< /脚本> 

< /主体> 
< /网页> 

例子2：
< !文章类型 网页> 
< 网页> 
< 主体> 

< 标题1> 模板 元素< /标题1> 

< 脚本> 
if (document.createelement("模板").content) {
document.write("您的浏览器支持 模板！");
} else {
document.write("您的浏览器不支持 模板!");
}
< /脚本> 

< /主体> 
< /网页> 

例子3：
< !文章类型 网页> 
< 网页> 
< 主体> 
< 样式> 
.my {
颜色: 白色;
背景-颜色: 闪蓝色;
内边距: 20像素;
文本对齐: 中心;
外边距: 10像素;
}
< /样式> 

< 标题1> 模板 元素< /标题1> 

< 段落> 本例使用包含数组中每个项目的新 div 元素来填充网页。< /段落> 

< 段落> 每个 div 的 html 代码在 模板 元素内。< /段落> 

< 段落> 单击下面的按钮，显示 模板 元素中的隐藏内容。< /段落> 

< 按钮 鼠标左键被单击="showcontent()"> 显示隐藏的内容< /按钮> 

< 模板> 
< 文档块 类="m纵坐标类"> 我喜欢：< /文档块> 
< /模板> 

< 脚本> 
var myarr = ["奥迪", "宝马", "奔驰", "大众", "捷豹", "沃尔沃"];

function showcontent() {
var temp, item, a, i;
temp = document.getelementsbytagname("模板")[0];
//get the div element from the 模板:
item = temp.content.queryselector("div");
//for each item in the array:
for (i = 0; i < m纵坐标超链接rr.数量; 斜体++) {
//cre超链接te 超链接 new 否de, 默认链接d on 表头单元格e 模板:
超链接 = doc下划线ment.斜体m段落o注音解释否de(斜体t强调文本, 真);
//偶数 数据 from 表头单元格e 超链接rr超链接纵坐标:
超链接.文本内容 += m纵坐标超链接rr[斜体];
//超链接段落段落结束位置 表头单元格e new 否de wherever 纵坐标o下划线 列表项目标记ke:
doc下划线ment.主体.超链接段落段落结束位置ch斜体ld(超链接);
}
}
< /脚本> 

< /主体> 
< /网页> 

---

 

定义和用法:

使用 < 模板> 保留页面加载时隐藏的内容。使用 对象脚本 来显示：
< 模板> 标记用作容纳页面加载时对用户隐藏的 网页 内容的容器。
< t强调文本段落l超链接te> 中的内容可以稍后使用 对象脚本 呈现。
如果您有一些需要重复使用的 网页 代码，则可以使用 < 模板> 标记。如果在没有 < 模板> 标记的情况下执行此操作，必须使用 对象脚本 创建 网页 代码，以防止浏览器呈现这些代码。
< 模板> 标签同时支持 网页 中的全局属性。

---