通常,我们在动态给定一个container的innerHTML时,通常是样做的:
<div id="divc" />
<SCRIPT LANGUAGE="JavaScript">
var div = document.getElementById("divc");
var html = ""
html += ""
+ "<h1>"
+ "<a href='javascript:;' οnclick=\"alert('javascript')\">DHTML innerHTML propery.</a>"
+ "</h1>";
div.innerHTML = html;
</SCRIPT>

写得习惯了的话,倒也不麻烦,但有没有更简单的一个方法呢?请看下面的例子:

<SCRIPT LANGUAGE="JavaScript">
var html='\
<table width="100%" border="0" cellspacing="0" cellpadding="0">\
<tr>\
<td>&nbsp;</td>\
</tr>\
<tr>\
<td>&nbsp;</td>\
</tr>\
</table>\
';
alert(html);
</SCRIPT>
是不是没有这么麻烦了?但还是要有几点注意,看下面的例子
<SCRIPT LANGUAGE="JavaScript">
//要用\'把单引号转义
var html='\
<h1>\
javascript技巧\
</h1>\
<a href="javascript:;" οnclick="alert(\'javascript\')">javascript转义</a></font>\
<br/>\
power by \'blueDestiny, never-online\'\
';
alert(html);
</SCRIPT>
该转义的地方还是得用"\"

'-------------------------------------------------------
' 原理:
'-------------------------------------------------------
这个是我自己的个人观点,如果有不对的地方,请指出:
还是看个例子:
<SCRIPT LANGUAGE="JavaScript">
//s1和s2的字符a前都有一个空格
s1='\
a';
s2=' a';
document.write("s1: " + s1.length + "\ns2: " + s2.length);
</SCRIPT>
输出结果:
s1: 2 s2: 2
也就是说转义符将回车转义掉了!也就是说
再看个例子:
<SCRIPT LANGUAGE="JavaScript">
//下面这个字符串是有空格的,也就是这样s1='\ 的。
s1='\ 
a';
document.write("s1: " + s1.length);
</SCRIPT>
输出错误,错误提示:未结束字符串常量。
也就是说是多加了一个空格的原因。那再这样试试
<SCRIPT LANGUAGE="JavaScript">
s1='\ \
a';
document.write("s1: " + s1.length);
</SCRIPT>
结果很明显了,在字符串中,"\"转义符可以将回车转义掉(也就是回车符不存在了),但是不能将制表符,以及空格字符转义(它们是存在的,上面的例子说明了这一点)。

最后,给大家一个小tips,还记得上面的这个代码吗?
<SCRIPT LANGUAGE="JavaScript">
//要用\'把单引号转义
var html='\
<h1>\
javascript技巧\
</h1>\
<a href="javascript:;" οnclick="alert(\'javascript\')">javascript转义</a></font>\
<br/>\
power by \'blueDestiny, never-online\'\
';
alert(html);
</SCRIPT>
仔细观察弹出来的模态框,看看字符串是怎么样的?应该就会明白了。

js技巧--转义符\的妙用(转)相关推荐

  1. js技巧--转义符\的妙用

    js技巧--转义符"\"的妙用 // blueDestiny, never-online // blueDestiny [at] 126.com 通常,我们在动态给定一个conta ...

  2. JS基础语法(02)-JS的转义符

    转义符: \ 改变原来符号的作用就叫转义符 /*** 转义符: `\` 改变原来符号的作用就叫转义符* \" :输出双引号* \t:水平制表符,说人话就是多打几个空格* \n:换行符* \\ ...

  3. html取消转义符,HTML转义符

    .NET 基础 一步步 一幕幕[运算符.占位符.转义符] 运算符.占位符.转义符 好吧,在五局全胜之后,终于升到了三个钻,距离一个星星还有一大段距离,忽然想起来今天的博客还没写,果断坑队友,来写博客了 ...

  4. js字符类型 转义符\ 打印斜杠 打印特殊字符

    不多BB <!--数据类型:字面量的类型js中总共六种String 字符串Number 数值Boolean 布尔值Null 空值Undefined 未定义Object 对象 --> < ...

  5. 第一讲javascript入门(js的组成、事件类型、嵌入方式、注释方式、输出方式、变量类型 、变量命名规则、字符串转义符、算术运算符、数据类型转换、null和undefined的区别)

    目录 理论: JavaScript是什么 js的组成 二.JavaScript引入方式 1.嵌入式 2.外部引入 事件定义 三.JavaScript注释方式 1.单行注释 2.多行注释 四.JavaS ...

  6. 苹果网页归档转html,常用JS转换HTML转义符

    去掉html标签function removeHtmlTab(tab) { return tab.replace(/]+?>/g,'');//删除所有HTML标签 } 普通字符转换成转义符fun ...

  7. 【js基础】js字符串类型的转义符

    字符串转义符 转义符都是\开头的,常用的转义符及其说明如下: 转义符 解释说明 \n 换行符,n 是 newline 的意思 \ 斜杠\ \ ' 单引号' \ " 双引号" \ t ...

  8. js html转义字符串,js中html拼接特殊字符转义

    Html中特殊字符不被转义,可以使用预格式化标签.pre 是 Preformatted text(预格式化文本) 的缩写.使用此标签可以把代码中的空格和换行直接显示到页面上.例如HTML代码: if ...

  9. 常用HTML转义字符,html转义符,JavaScript转义符,html转义字符表,HTML语言特殊字符对照表(ISO Latin-1字符集)...

    HTML字符实体(Character Entities),转义字符串(Escape Sequence) 为什么要用转义字符串? HTML中<,>,&等有特殊含义(<,> ...

最新文章

  1. python实现简单的情感分析
  2. 对比学习系列论文CPC(二)—Representation Learning with Contrastive Predictive Coding
  3. boost::planar_face_traversal用法的测试程序
  4. Theano 中文文档 0.9 - 7.1.2 NumPy新手
  5. 图神经网络,这到底是个什么?
  6. Java 四种线程池
  7. Pulseaudio调用alsalib write()流程(十六)
  8. java多线程调度_Java多线程:生命周期,实现与调度
  9. 方舟基础物品指令代码大全
  10. Fiddler-本机抓包模拟器
  11. Android最佳实践之性能 - 电池续航时间优化
  12. 端口Banner信息的获取
  13. 求解佩尔方程的基本解
  14. 利用PHP表单做一个简历模块
  15. 一文搞懂用Ultra Libraian 生成Altium Designer 元器件库的方法
  16. 你不能访问此共享文件夹,因为你组织的安全策略阻止未经身份验证来宾访问。
  17. Zifeng Wu的38层网络:Wider or Deeper: Revisiting the ResNet Model for Visual Recognition
  18. 【java自然语言处理】ansj分词
  19. python和易语言写游戏脚本_用Python写王者荣耀刷金币脚本
  20. 无需公网IP,在家使用IPV6和电信光猫进行内网穿透以搭建远程主机

热门文章

  1. pup 流程控制语句(下)
  2. ACM图灵奖获得者:想从大数据中获益,先解决集成问题!
  3. 笨办法学 Python · 续 第五部分:文本解析
  4. RMAN备份与ORA-19625ORA-19502
  5. 小蚂蚁学习数据结构(4)——线性结构——线性表的链式表示和实现(下)
  6. ERP系统为什么要使用集成的数据和信息平台?
  7. 【Dubbo源码阅读系列】之远程服务调用(上)
  8. Siri ShortCut 调研(含Demo)
  9. ACM Computer Factory
  10. line-height 行高