js技巧--转义符\的妙用
js技巧--转义符"\"的妙用
// blueDestiny, never-online // blueDestiny [at] 126.com
通常,我们在动态给定一个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> </td>\
</tr>\
<tr>\
<td> </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>
仔细观察弹出来的模态框,看看字符串是怎么样的?应该就会明白了。
转载于:https://www.cnblogs.com/shsgl/p/4683302.html
js技巧--转义符\的妙用相关推荐
- js技巧--转义符\的妙用(转)
通常,我们在动态给定一个container的innerHTML时,通常是样做的: <div id="divc" /> <SCRIPT LANGUAGE=" ...
- JS基础语法(02)-JS的转义符
转义符: \ 改变原来符号的作用就叫转义符 /*** 转义符: `\` 改变原来符号的作用就叫转义符* \" :输出双引号* \t:水平制表符,说人话就是多打几个空格* \n:换行符* \\ ...
- html取消转义符,HTML转义符
.NET 基础 一步步 一幕幕[运算符.占位符.转义符] 运算符.占位符.转义符 好吧,在五局全胜之后,终于升到了三个钻,距离一个星星还有一大段距离,忽然想起来今天的博客还没写,果断坑队友,来写博客了 ...
- js字符类型 转义符\ 打印斜杠 打印特殊字符
不多BB <!--数据类型:字面量的类型js中总共六种String 字符串Number 数值Boolean 布尔值Null 空值Undefined 未定义Object 对象 --> < ...
- 第一讲javascript入门(js的组成、事件类型、嵌入方式、注释方式、输出方式、变量类型 、变量命名规则、字符串转义符、算术运算符、数据类型转换、null和undefined的区别)
目录 理论: JavaScript是什么 js的组成 二.JavaScript引入方式 1.嵌入式 2.外部引入 事件定义 三.JavaScript注释方式 1.单行注释 2.多行注释 四.JavaS ...
- 苹果网页归档转html,常用JS转换HTML转义符
去掉html标签function removeHtmlTab(tab) { return tab.replace(/]+?>/g,'');//删除所有HTML标签 } 普通字符转换成转义符fun ...
- 【js基础】js字符串类型的转义符
字符串转义符 转义符都是\开头的,常用的转义符及其说明如下: 转义符 解释说明 \n 换行符,n 是 newline 的意思 \ 斜杠\ \ ' 单引号' \ " 双引号" \ t ...
- js html转义字符串,js中html拼接特殊字符转义
Html中特殊字符不被转义,可以使用预格式化标签.pre 是 Preformatted text(预格式化文本) 的缩写.使用此标签可以把代码中的空格和换行直接显示到页面上.例如HTML代码: if ...
- 常用HTML转义字符,html转义符,JavaScript转义符,html转义字符表,HTML语言特殊字符对照表(ISO Latin-1字符集)...
HTML字符实体(Character Entities),转义字符串(Escape Sequence) 为什么要用转义字符串? HTML中<,>,&等有特殊含义(<,> ...
最新文章
- 了解生成对抗网络(GAN)
- 饶毅:脑、物理、化学、 生物、心理认知的交叉研究
- python-print
- 五分钟搞清楚MySQL事务隔离级别
- HDU 1043 Eight(八数码)
- 乘法口诀表的C语言编程
- 一步一步写算法(之排序二叉树删除-1)
- 《圈圈教你玩USB》 第三章 USB鼠标的实现——看书笔记(1)
- Ubuntu16.04 CPU压力测试
- 干货 | 腾讯云智能语音行业落地探索与实践
- 2.郝斌C语言笔记——优缺点
- 异常检测 and GAN网络(2)
- kms地址大全_kms激活服务器地址(常用)和自己搭建KMS服务器教程
- PS知识点大总结(一)——基础操作
- 蚂蚁金服实习Android岗,面试闯关记。
- 三大微分中值定理和洛必达法则、泰勒公式
- 信号隔离器的功能原理是什么?
- WebForm CSS垂直虚线时间轴特效
- python自动化测试实战-无涯(学习与研究)[一]
- [Angular] ng-alain的一些实践
热门文章
- Zend Studio 默认模板和输入代码提示时间的修改方式
- web项目中关于引入JS/css文件, 浏览器console出现 net::ERR_ABORTED错误的解决方法
- 【NOIP2015】斗地主 题解
- Verilog 编写规范
- bzoj千题计划197:bzoj4247: 挂饰
- PHP 用图片输出验证码 无法正常显示
- BZOJ 1087: [SCOI2005]互不侵犯King
- 【Linux导论】通过图形接口配置系统(System Configuration from the Graphical Interface)
- SQL Server 2005中更改sa的用户名和密码
- WP 前台或后台显示ShellToast