html、javascript会涉及到三个解析器,html解析器、xml解析器、javascript解析器。那么好了,问题来了,以上代码经常混编在一起,各自有各自的规则,终究会有冲突的,如下就是冲突。


根据W3C XHTML 1.0的规定:在XHTML中,因为<和&这两个符号有特殊意义(小于号用于标签的开始标记),所以这两个符号<和&需要转义成<和&。


当html代码中掺杂javascript代码的时候,同时javascript代码中包含了”<”字符的时候html解析会出现错误,如果机智的将”<”替换为&lt,这样会导致javascript无法解析。为了解决以上冲突,可以使用<![CDATA[来处理。这样html解析过程中会将标识部分的代码当作文本字符处理,不做解析。


哎呦不对,按照规则写了javascript代码,增加了CDATA注释,为毛在IE6、Firefox、chrome将javascript跳过了没有执行呢。这个原因牵扯到html的工作模式了,我简单的理解为配置项吧,一个模式标准模式,这个时候解析器使用的是xml解析器,另一个模式是兼容模式,这个时候使用的是html解析器。CDATA注释在xml解析器中是认识的,但是html解析器是不认识的。怎么办?


一劳永逸的来了,兼容所有//<![CDATA[ 文本 //]]>


核心点在于三个解析器的各自的标准不同。

转载于:https://www.cnblogs.com/wildfox/p/5791227.html

![CDATA[的web使用简单说明相关推荐

  1. Web Services简单介绍

    Web Services简单介绍 Web Services入门 一.Web Services简介 1.什么是Web Services? Web Services 是应用程序组件 Web Service ...

  2. 语义web一些简单示例

    语义web一些简单示例 示例1 (xml部分-用xml描述书籍信息) 题目:写出三本书,每本书有:标题,作者,出版社,出版日期,,,,,:写出对应的XML文件:根据你写的XML文件,写出对应的DTD文 ...

  3. Tez的web UI简单体验

    Tez的web UI简单体验 前言 由于CDP7默认是Hive On Tez,不再有Map Reduce和Spark什么事,查看监控.分析数据倾斜等原因导致的HQL任务跑不快的问题没有使用Spark那 ...

  4. Web开发-简单BBS论坛

    Web开发-简单BBS论坛 开发了两周的bbs论坛系统,总算在上周完成了,并且已经把项目文件上传到github上了.[我的bbs]... 开发完之后,感觉对sql语句.mysql函数和PHP代码有了深 ...

  5. html5移动web开发简答题,HTML5移动Web开发简单知识点介绍

    原标题:HTML5移动Web开发简单知识点介绍 1 :基于HTML5的移动Web应用 Canvas绘图:通过获取HTML中的Dom元素Canvas,调用其渲染上下文的Context对象,使用Js进行图 ...

  6. Web自动化—简单了解

    Web自动化-简单了解 自动化概念 自动化的好处 自动化测试的分类 web自动化条件和使用范围 web自动化常用工具 元素定位 Xpath CSS选择器 自动化概念 软件自动化测试就是通过测试工具或者 ...

  7. Spring Web Flow 简单实现-自定义配置文件位置

    前言 在文章 Spring Web Flow 简单实现 中,我们把Web Flow 的的配置文件和 jsp 页面文件统一放置在了 WEB-INF 目录下,事实上,那种情况下我们不得不这样做. 这片文章 ...

  8. PwnTheBox(web篇)简单题

    PwnTheBox(web篇)简单题 文章结构生成 # //*[@id="app"]/div/section/main/div[1]/div/div[6]/div/div/div/ ...

  9. 通过flask实现web页面简单的增删改查

    通过flask实现web页面简单的增删改查 1.后台程序falsk_web01.py #coding:utf-8from flask import Flask,render_template,requ ...

  10. Web API 简单示例

    一.RESTful和Web API Representational State Transfer (REST) is a software architecture style consisting ...

最新文章

  1. 快手数据中台建设实践
  2. vue新版本和旧版本关闭eslint总结
  3. 阅读笔记 1 火球 UML大战需求分析
  4. 三款博客备份下载软件
  5. luogu_P3345[zjoi2015]幻想乡战略游戏
  6. fc oracle,fc9下oracle sqldeveloper安装日志
  7. 多程序集版本冲突问题
  8. Android进阶(二) Activity调用Service 通过AIDL实现
  9. 傅里叶光学 matlab,基于MATLAB的傅里叶光学实验的计算机模拟
  10. Ionic3 Demo
  11. linux系统怎么拨号上网,在linux中如何拨号上网?
  12. 京东手机评论数据集介绍
  13. 手机HTML5 audio 无法自动播放下一首
  14. ITunes备份的背景知识
  15. 总结Python设置Excel单元格样式的一切,比官方文档还详细。
  16. pytorch 指定卡1_如何为TensorFlow和PyTorch自动选择空闲GPU,解决抢卡争端
  17. udt4 VS udt gateway
  18. 电脑应用图标变成白纸
  19. (2.6w字)网络知识点灵魂拷问(下)——前端面试必问
  20. 面试常问的sql语句

热门文章

  1. oracle数据布尔,Oracle中的布尔字段
  2. 基于色彩调和的专题图自动生成系统
  3. 笔记本光驱位固态硬盘安装及系统迁移
  4. 无法解决Duron1G在Ubuntu下降温监控
  5. 从技术走向管理——李元芳履职记
  6. 相机意外断电导致视频保存成DAT文件,无法播放,如何修复视频文件?
  7. python读取视频文件大小,码率,帧率,以及通过码率计算文件大小与流量
  8. 七牛云 转码_普通音视频转码(avthumb)
  9. 7-7 选民投票 (20分)(不区分大小写投票)
  10. 使用键盘设置桌面计算机图标的显示不出来,显示桌面,小编教你显示桌面图标不见了如何恢复...