smarty的默认标记符是大括号:{}，假如我们页面上有JS且定义了函数或者对象，或者有CSS定义了样式，就会出现大括号，smary引擎就会把这些大括号当作smarty语法来解释，很明显，这些CSS样式属性和JS里的语法，不是smarty的语法，smarty引擎就会报错。

解决办法：

1、修改smarty配置文件边界符；这样会影响之前的输出标签全部都需要做出替换，修改范围比较大，并且可读性比较差，而且在html使用效果不是很好

$smarty = new Smarty();

$smarty->left_delimiter = "<{";

$smarty->right_delimiter = "}>";

2、将含有{}的js和css改为外部调用,但是不乏有些情况js必须写到html里，因此这种办法也稍微欠缺一点

3、smarty的开发者，他们自然想到会出现这个问题，已经有了解决的办法，使用{literal}和{/literal}将js包起来，这样js里使用的标签就不会被smarty识别，标签使用不需要配对html配对位置

一、直接在外层套上
{literal}
<script type="text/javascript">
function myFun(){
 
}
</script>
{/literal}
二、有些情况js有php变量
<script type="text/javascript">
var chk = "{$checked}";
{literal}
function myFun(){
 
}
{/literal}
</script>