# 模板特殊标签
CMS内容管理系统的模板中有两个特殊标签`{__STYLE__}`和`{__SCRIPT__}`,这两个标签出现在`addons/cms/view/default/common/layout.html`布局模板中,那这两个标签的作用是将当前页模板中的
i8tFvT5PYbI+gC9Rpi6QTQ==
~~~
<script data-render="script">JS代码</script>
~~~
替换到`{__SCRIPT__}`位置
以及
i8tFvT5PYbI+gC9Rpi6QTQ==
~~~
<style data-render="style">CSS样式</style>
~~~
替换到`{__STYLE__}`位置
i8tFvT5PYbI+gC9Rpi6QTQ==
例如
我们的`layout.html`布局模板代码如下
i8tFvT5PYbI+gC9Rpi6QTQ==
~~~
<!DOCTYPE html>
<head>
<link rel="stylesheet" media="screen" href="__CDN__/assets/css/bootstrap.min.css"/>
{__STYLE__}
</head>
<body class="group-page">
{__CONTENT__}
<script type="text/javascript" src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>
{__SCRIPT__}
</body>
</html>
~~~
我们在`show_news.html`模板中有如下代码
i8tFvT5PYbI+gC9Rpi6QTQ==
~~~
<style data-render="style">
body{
background:#000;
};
</style>
<script data-render="script">
alert(123);
</script>
<p>这是我们详情页正文</p>
~~~
则最终生成的模板代码为:
i8tFvT5PYbI+gC9Rpi6QTQ==
~~~
<!DOCTYPE html>
<head>
<link rel="stylesheet" media="screen" href="/assets/css/bootstrap.min.css"/>
<style>
body{
background:#000;
};
</style>
</head>
<body class="group-page">
<p>这是我们详情页正文</p>
<script type="text/javascript" src="/assets/libs/jquery/dist/jquery.min.js"></script>
<script>
alert(123);
</script>
</body>
</html>
~~~
可以看到`<style data-render="style"></style>`中的代码已经被替换到`head`中了,而`<script data-render="script"></script>`中的代码被替换到了body的最尾部。
i8tFvT5PYbI+gC9Rpi6QTQ==
### 温馨提示
`{__STYLE__}`和`{__SCRIPT__}`必须是大写,且前后都必须是空行。否则可能会导致替换失败。
- 介绍
- 标签手册
- 全局标签
- block标签
- config标签
- execute标签
- query标签
- breadcrumb标签
- blocklist标签
- 栏目标签
- channellist标签
- channel标签
- nav标签
- 文章标签
- arclist标签
- archives标签
- prevnext标签
- 专题
- speciallist标签
- special标签
- 公共参数
- common参数
- include引用
- 单页
- spagelist标签
- page标签
- spageinfo标签
- 特殊标签
- tagslist标签
- tags标签
- commentlist标签
- commentinfo标签
- diyform标签
- 模板特殊标签
- 列表页面
- pagelist标签
- pageinfo标签
- pagefilter标签
- pageorder标签
- pagelist的相关排序
- 新功能
- 后端新增代码
- 模板使用
- 二级导航功能
- 共用banner功能
- 后台站点配置添加编辑器