smarty的默认标记符是大括号:{}，

假如我们页面上有JS且定义了函数或者对象，或者有CSS定义了样式，就会出现大括号，

smary引擎就会把这些大括号当作smarty语法来解释，

很明显，这些CSS样式属性和JS里的语法，不是smarty的语法，

smarty引擎就会报错。

解决办法一、修改smart默认定界符，在php中，修改smarty对象的$left_delimiter和$right_delimiter属性。

很多人喜欢改为<{和}>，也有人改为<!--{和}-->，这看个人喜欢了。

$smarty = new Smarty();

$smarty->left_delimiter = "<{";

$smarty->right_delimiter = "}>";

这样，就能很好地避免了冲突问题，但是缺点也很明显，

通用性和可读性。

你习惯了用<{，他习惯用<!--{，还可能有人习惯用{{；

如果带有<和>，想想在HTML标签里面需要使用的情况

<input type="checkbox" <!--{if $checked}--> checked=""<!--{/if}--> />

大家可以把这句放到DW里看看效果。

个人不是很赞同改定界符来解决这个冲突问题。

作为smarty的开发者，他们肯定懂HTML、CSS、JS的，他们肯定知道这个大括号会有冲突的，

所以，smarty本身肯定会有解决办的，那就是{literal}和{/literal}

将不想被smarty解释的HTML用{literal}和{/literal}包起来。



{literal}


<script type="text/javascript">


function myFun(){


 


}


</script>


{/literal}

如果我们需要将php变量传递给js，可以这样



<script type="text/javascript">


var chk = "{$checked}";


{literal}


function myFun(){


 


}


{/literal}


</script>

{literal}和{/literal}使用的位置，不需要强求在HTML里的“配对位置”，即可以这样：



<header>


<script type="text/javascript">


var chk = "{$checked}";


{literal}


function myFun(){


 


}


</script>


</header>


<body>


{/literal}

如何处理JS与smarty标签的冲突的更多相关文章

  1. 如何处理JS，css与smarty标签的冲突

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

  2. Asp.net 后台添加CSS、JS、Meta标签

    Asp.net 后台添加CSS.JS.Meta标签的写法,我这里写成函数方便以后使用.如果函数放在页面类中, Page参数也可以不要. 首先导入命名空间 using System.Web.UI.Htm ...

  3. 通过js获得html标签的值

    js获取html元素的值并赋值 1).input文本框 <input type="text" value="时间" placeholder="姓 ...

  4. 使用JS对HTML标签进行增删改查

    以下为通过JS对li标签进行简单的增删改查: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" ...

  5. js模拟form表单提交数据, js模拟a标签点击跳转，避开使用window.open引起来的浏览器阻止问题

    js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...

  6. 网站开发进阶(十八)js获取html标签中的值

    js获取html标签中的值 项目开发过程中,由于需求所迫,需要获取html标签元素中的内容,下面做一简单总结.以下所讲的示例适用于其它标签元素. 主要包括2中方法获取元素内容: 方法一:.innerT ...

  7. js基础--浏览器标签页隐藏或显示状态 visibility详解

    欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 在工作中我们可能会遇到这样的需求,当浏览器切换到别的标签页或着最小化时,我们需要暂停页面上正在播放的视频或者音乐,这个需求 ...

  8. JQ和Js获取span标签的内容

    JQ和Js获取span标签的内容 html: 1 <span id="content">‘我是span标签的内容’</span> javascript获取: ...

  9. js阻止a标签默认事件的几种方法

    方法/步骤    疑问 打开编辑器,新建html并加入a标签,如图所示,小编想点击a标签时执行pop函数同时禁止a标签的默认的href跳转,该如何阻止呢?  方法一 要阻止a标签跳转,可以改变href ...

随机推荐

  1. block中无法使用C数组变量

    在Objective-C的block中无法使用C数组,即使我们不对C数组做任何改变,编译的时候也会报错: #include <stdio.h> int main() { const cha ...

  2. PHP图片加文字水印和图片水印方法

    文字水印 $dst_path = 'dst.jpg'; //创建图片的实例$dst = imagecreatefromstring(file_get_contents($dst_path)); //打 ...

  3. Sad Angel (悲伤的天使)-Игорь Крутой

    悲伤的天使(neyanbhbin) -经典作曲Sad Angel( Печальныйангел)生活是一种连续的影响,每个小人物都有小人物的伟大故事.从开头的情侣,到美丽的丝带,从清洁老伯到卖气球的 ...

  4. ASP.NET MVC 4.0 学习2-留言板實現

    新增專案實現留言板功能,瞭解MVC的運行機制 1,新增專案   2,添加數據庫文件message.mdf   Ctrl+W,L 打開資料庫連接,添加存放留言的Atricle表 添加字段,後點擊&quo ...

  5. Eclipse Juno 配置反编译插件

    1 下载最新的jadClipse插件,地址:http://sourceforge.net/projects/jadclipse/files/jadclipse3.3/ 2 将net.sf.jadcli ...

  6. Java所有编码问题参考手册

     一.编码基本知识 1．iso8859-1 ——属于单字节编码,最多能表示的字符范围是 0-255,应用于英文系列.比如,字母 'a' 的编码为0x61=97. 很明显,iso8859-1 编码表示的 ...

  7. jQuery中的选择器《思维导图》

    学习jQuery的课程中,我对jQuery中的选择器有了更深的认识,它的简洁写法,完美的兼容性,可靠的处理机制,都让我们省了很多事, 下面是我在学习过程中对jQuery选择器写的思维导图(全屏查看:& ...

  8. UESTC_秋实大哥下棋 2015 UESTC Training for Data Structures<Problem I>

    I - 秋实大哥下棋 Time Limit: 3000/1000MS (Java/Others)     Memory Limit: 65535/65535KB (Java/Others) Submi ...

  9. HDU 4649 Professor Tian

    Professor Tian Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65535/32768 K (Java/Others) T ...

  10. UGUI Image控件

    今天一起学习Image控件O(∩_∩)O~ 介绍一下基本的属性 Source:Image:               指定图片源, 图片设置2DSprite(2D and UI)格式Color:   ...