html怎么用脚本显示隐藏,使用隐藏状态而不是注释或自定义脚本标记来模板化HTML...

Javascript最佳做法＆amp;惯例，例如John Resig和Nicholas Zachas强调的那些，可维护JavaScript一书的作者，建议使用HTML注释或带有自定义类型的脚本标签来存储HTML模板。

评论示例：

var myTemplate = document.getElementById('myTemplate').childNodes[0].data;

var myHtml = myTemplate.replace(/\$item/g, itemValue);

脚本标记示例：

$item

var myTemplate = document.getElementById('myTemplate').innerHTML;

var myHtml = myTemplate.replace(/\$item/g, itemValue);

我非常不喜欢基于评论的模板，因为评论应该只是 - 评论，意图被功能应用程序忽略 - 因此我对它如何变得有点困惑由JS大师建议。

脚本标签模板更有意义，我通常称之为最好的，如果不是很好的练习，因为目的和初始非功能都很好地描述。我唯一的问题是，在一些现代编辑器中，在脚本标记内工作时，颜色突出显示，自动完成，自动标记验证等都会丢失。

我过去采用的模板方法是将它全部放在容器div中，然后将容器div分类为class =“template”，然后在CSS中将其标记为“.template {display：none; }”。

$item

var myTemplate = document.getElementById('myTemplate').innerHTML;

var myHtml = myTemplate.replace(/\$item/g, itemValue);

这对我来说很好，虽然DOM解析器和渲染器显然不必要地预先处理数据，但我不确定这是否真的是一个大问题，只要模板结构做不破坏HTML有效性规则。

我的问题是，我错过了什么？这是存储模板标记的第三种方法的唯一原因 - 也就是说，将它放在DOM中作为display：none - 是不鼓励的，因为DOM解析器和渲染器无论如何都会处理它？还是有其他原因，也许是技术性的，我还没有遇到过？我想知道，因为我想再次利用编辑的能力来帮助我调整正确的HTML模板。

html怎么用脚本显示隐藏,使用隐藏状态而不是注释或自定义脚本标记来模板化HTML...相关推荐

传奇脚本显示服务器开区时间代码,GOM引擎活动页面脚本，传奇私服服务端添加开即时真假半兽人脚本...
GOM引擎活动页面脚本,传奇私服服务端添加开即时真假半兽人脚本本文出处:网游动力作者:本站发布时间:2019-09-07阅读次数: [@main] #IF ISADMIN #say \ \ \ ...
永洪 BI 使用脚本实现组件的隐藏与显示
一:需求如下: 1.当周期类型选择的是"周"时,显示截止年月与截止年周组件: 2.当周期类型选择的是"月份"时,显示截止年月组件,隐藏截止年周组件. 二:效果直 ...
React 点击按钮显示div与隐藏div
<!DOCTYPE html> <html><head><meta charset="UTF-8" /><title>R ...
tablueau地图标记圆形_高德地图实现自定义小蓝点自定义点标记绘制多边形/圆形区域根据地图的移动显示或者隐藏自定义点标记的相关实现...
最近项目中有需要应用到高德地图的模块,在参考别的app地图相关模块实现过程中,自己产生了一些想法.首先说明要实现的功能需求.类似支付宝app内的跑腿功能,在全市的所有商铺,电梯广告等任意地点发布任务, ...
查看文件_如何在Mac上显示和查看隐藏的文件/文件夹
今天的文章推出的是如何在Mac上显示和查看隐藏的文件/文件夹.出于隐私或安全性考虑,出于多种原因,我们需要在Mac计算机上隐藏某些文件.这些文件或文件夹在默认情况下是为Mac的平稳运行而隐藏的,但是如 ...
python 横坐标只显示部分数据_解决echarts中横坐标值显示不全(自动隐藏)问题
echarts中,横轴数据如果非常多,会自动隐藏一部分数据,我们可以通过属性interval来进行调整. 如下图,当横轴时间为13天时,echarts会自动隔天显示如果我们想显示全,则需要在xAxi ...
CSS 文字两行显示，超出隐藏
// 两行显示,超出隐藏 display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clam ...
高德地图自定义点标记大小_高德地图实现自定义小蓝点自定义点标记绘制多边形/圆形区域根据地图的移动显示或者隐藏自定义点标记的相关实现...
最近项目中有需要应用到高德地图的模块,在参考别的app地图相关模块实现过程中,自己产生了一些想法.首先说明要实现的功能需求.类似支付宝app内的跑腿功能,在全市的所有商铺,电梯广告等任意地点发布任务, ...
怎么把计算机里隐藏的文件显示,怎么把隐藏的文件夹显示出来多种方法介绍【图文教程】...
对于很多电脑新手都会遇到这样的问题,怎么把隐藏的文件夹显示出来,其实操作起来非常简单哦,今天小编就是来教大家如何将隐藏的文件夹显示出来,有需要的就快来看看吧. 怎么把隐藏文件显示出来方法一 :这个方 ...

html怎么用脚本显示隐藏,使用隐藏状态而不是注释或自定义脚本标记来模板化HTML...

html怎么用脚本显示隐藏,使用隐藏状态而不是注释或自定义脚本标记来模板化HTML...相关推荐

最新文章

热门文章