是否有可能防止浏览器解析某些元素？

考虑以下标记：

<div hidden id="table-template">
<table>
<tbody>
  <slot></slot>
</tbody>
</table>
</div>
<div hidden id="table-row-template">
<tr>
  <td>
    Some Content
  </td>
</tr>
</div>

我想在脚本中使用“ table-template”和“ table-template”作为可重复使用的组件。（克隆它们并按需附加它们）但是，当页面加载浏览器时，浏览器会解析标记并进行突变（采用'slot'元素，然后将其插入“表”元素之前，然后剥离“ TD”和“ TR”标签）。

这是合理的（当然不是有效的HTML），但是有什么办法可以防止浏览器解析这些元素？

到目前为止，我已经尝试过：使用隐藏的元素，用“ pre”/“代码”标签包装，但似乎没有用。

看答案

您可以尝试使用 <script type="text/template"></script>

<script id="mytemplate" type="text/template">
  ...your table's html...
</script>

然后：

<script>
  alert($('#mytemplate').html());
</script>

许多库都使用此方法， handlebar.js 例如。

这 <template> 元素可能会与更多浏览器版本获得兼容性： http://caniuse.com/#feat=template

智能推荐

微信开发者工具从注册到运行

前段时间一直想学学微信中的小程序是如何制作的，昨天终于有时间就尝试了一下。话不多说，以免跑偏。。。。 1.微信小程序开发需要先在微信公众平台（https://mp.weixin.qq.com）上注册一个自己的公众号。 2.在公众平台上注册成功后，在公众号左侧有一个小程序栏目。点击小程序管理，在左侧就会出现两个选项，在第一次使用小程序当然是没有小程序账号的，点击右侧注册小...

参考链接： Win10+VS2015环境下安装编译PCL1.8.1和VTK8.0.0（踩坑大全）https://blog.csdn.net/weixin_39871164/article/details/102879962 1.vs2017编译安装VTK （PCL点云显示是基于VTK做的） - PCL191匹配的VTK版本是VTK8.1（PCL191\3rdParty\VTK\include\vt...

第四周作业

一、union注入基于union的信息获取： union联合查询:可以通过联合查询来查询指定的数据用法举例： select username,password from user where id =1 union select 字段1,字段2 from 表名先登入PHPmyadmin 进入pikachu的数据库中得到此结果上述为一般查询 union查询：除了通过遍历查询数据库内容外，...

String常用的几个方法

String常用的几个方法介绍首先在讲之前我想说几句题外话，关于string的常用方法我查了很久csdn，我发现要不就是一大坨，还有一些乱七八糟的拓展，看的你一脸懵逼，要不就是简洁的很，该写的你不写出来，所以搞得你很难受。但是在你看了我这篇文章以后我觉得你可能会缓解很多，那就开始吧。 String的方法是有很多的，这里我只列举一些我常用的，喷子不要喷。直接上代码先。方法一：charAt: 很...

计算机组成原理第五章测试(下) 答案

本次得分为：15.00/15.00, 本次测试的提交时间为：2020-04-24, 如果你认为本次测试成绩不理想，你可以选择再做一次。【第5章测试（下）】 1单选(1分) 下图可以表示哪种控制方式的CPU工作效率？选A 得分/总分 A. DMA方式 1.00/1.00 B.无正确答案 C.程序中断方式 D.程序查询方式 2单选(1分) 在程序中断方式下，中断响应发生在__B_ 得分/总分 A....

猜你喜欢

LeetCode刷题笔记-回文数

一、题目描述判断一个整数是否是回文数。回文数是指正序（从左向右）和倒序（从右向左）读都是一样的整数。示例 1: 输入: 121 输出: true 示例 2: 输入: -121 输出: false 解释: 从左向右读, 为 -121 。从右向左读, 为 121- 。因此它不是一个回文数。示例 3: 输入: 10 输出: false 解释: 从右向左读, 为 01 。因此它不是一个回文数。进...

数学符号在论文中的格式规范

一，使用斜体的情况： 1) 变量(variables)应该用斜体表示：例如T表示温度(temperature)，r表示速率(rate). 注意：即便用变量来作为形容词的组成部分，依然要保持斜体，举例：In this equation, is the frequency of the th mode. 2) 坐标轴(a...

docker 安装rabbitMQ

1、进入docker hub镜像仓库地址：https://hub.docker.com/ 2、搜索rabbitMq，进入官方的镜像，可以看到以下几种类型的镜像；我们选择带有“mangement”的版本（包含web管理页面）； 3、拉取镜像使用：docker images 查看所有镜像 4、根据下载的镜像创建和启动容器说明： -d 后台运行容器；...

vue-video-player在vue项目中无法显示controls按钮只有小方块

这几天做项目要用到视频播放插件vue-video-player，遇到了一个比较奇葩的问题，就是control栏的图标显示不出来，刚开始以为是css没有加载进来，审查元素才发现不是，一番折腾才发现是font字体没有被识别各种折腾才发现在项目的App.vue中发现一段css 全局app.vue里把font-family写死了，将vue-video-player中标签的font-family覆盖了删...

【PHP基础知识】——详解nginx、php-fpm和mysql用户权限

前言通常情况下，我们运行web应用的服务器有CentOS、Ubuntu、Debian等等的Linux发行版本。这时候，构成服务架构所必须的Nginx、php和MySQL等应用的权限控制就显得非常重要，各个服务对代码目录的权限要求各不相同，缺少某些权限会造成服务无法读写或运行的错误，降低了权限要求又会存在被入侵修改的隐患。这里我们就来总结一下nginx、php-fpm和mysql等等这些服务的权限...