【JavaScript】引号嵌套问题与Javascript中多行HTML写作方案
2015-10-13 10:37
585 查看
这本来不是一个问题,但如果好好研究一下你真的不知道怎么搞。简而言之,就是”Javascript中,双引号里套单引号,那单引号里套什么?“的问题。这样的问题相信大家一定会经历过,毕竟现在Ajax编程越来越花样作死,这没有办法,同时涉及多行HTML写作问题。
曾经天真地以为Javascript中,双引号里套单引号,那单引号里套单引号就没事,然而出来的结果却是浏览器无法解析。
下面提供一种解决方案,请看如下的代码的JavaScript部分:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>引号嵌套</title>
</head>
<body>
</body>
</html>
<script type="text/javascript">
var p=document.createElement("p");
p.innerHTML=
"<button onclick='alert(\"你好\")'>"+
"按钮"+
"</button>";
document.body.appendChild(p);
</script>
我需要通过Javascript在网页的body节点中加一个p,然后p里面,里面放一个按钮,而这个按钮的Onclick事件,是弹出你好。
这里由于button标签是在innerHTML里面的,这个引号不能省,此button下一级的onclick属性本身必须使用引号,也不能省,最后alert的内容的要用括号引,也是不能省了。构成了三级括号机制,然而在现实世界,我们习惯性思维是 双引号->单引号->单引号->单引号...,可是这在Javascript的世界不适用。
之所以搞得这么复杂,是模拟各种Ajax编程中的花样作死利用Javascript完成前端编程,根本不用HTML的那种情况。
其实Javascript多级引号循环嵌套的机制是这样:双引号->单引号->转义双引号->转义双引号...
以上的代码运行时正确的,大家注意到,双引号里套单引号,那单引号里套 \" 这个转义的双引号 就没事。
同时,这里提供一种在Javascript中多行HTML写作问题方案,
为了Javascript中多行HTML写作没这么哪里,都凑在一行,很蛋疼。
建议你该换行还是要换行,该缩进的还是要缩进,每一行都用双引号引,换行符用+,相当于多个字符串连接起来,这样就好办,同理于php,你要打印多行html代码。
曾经天真地以为Javascript中,双引号里套单引号,那单引号里套单引号就没事,然而出来的结果却是浏览器无法解析。
下面提供一种解决方案,请看如下的代码的JavaScript部分:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>引号嵌套</title>
</head>
<body>
</body>
</html>
<script type="text/javascript">
var p=document.createElement("p");
p.innerHTML=
"<button onclick='alert(\"你好\")'>"+
"按钮"+
"</button>";
document.body.appendChild(p);
</script>
我需要通过Javascript在网页的body节点中加一个p,然后p里面,里面放一个按钮,而这个按钮的Onclick事件,是弹出你好。
这里由于button标签是在innerHTML里面的,这个引号不能省,此button下一级的onclick属性本身必须使用引号,也不能省,最后alert的内容的要用括号引,也是不能省了。构成了三级括号机制,然而在现实世界,我们习惯性思维是 双引号->单引号->单引号->单引号...,可是这在Javascript的世界不适用。
之所以搞得这么复杂,是模拟各种Ajax编程中的花样作死利用Javascript完成前端编程,根本不用HTML的那种情况。
其实Javascript多级引号循环嵌套的机制是这样:双引号->单引号->转义双引号->转义双引号...
以上的代码运行时正确的,大家注意到,双引号里套单引号,那单引号里套 \" 这个转义的双引号 就没事。
同时,这里提供一种在Javascript中多行HTML写作问题方案,
为了Javascript中多行HTML写作没这么哪里,都凑在一行,很蛋疼。
建议你该换行还是要换行,该缩进的还是要缩进,每一行都用双引号引,换行符用+,相当于多个字符串连接起来,这样就好办,同理于php,你要打印多行html代码。
相关文章推荐
- Javascript 面向对象编程-封装
- javascript正则表达式和字符串RegExp and String(一)
- JavaScript高级程序设计之BOM之window 对象之间歇调用和超时调用 第8.1.6讲笔记
- js闭包(一)
- JavaScript执行效率小结
- javascript 闭包详解
- javascript之document.cookie的使用总结
- JavaScript高级程序设计之BOM之window 对象之导航和打开窗口 第8.1.5讲笔记
- json解析
- java 批量去除 文件中的所有注释代码,还可以去除js等文件中的注释
- js保留小数点
- js变量作用域及访问权限的探讨(2)
- jstl if和foreach的混合使用 实现通过后台值控制select默认选项的功能【实例】
- javascript中类的属性访问权限研究(1)
- JavaScript高级程序设计之BOM之window 对象之窗口大小 第8.1.4讲笔记
- JavaScript split() 方法
- JavaScript高级程序设计之BOM之window 对象之窗口位置第8.1.3讲笔记
- JavaScript高级程序设计之BOM之window 对象之窗口关系及框架 第8.1.2讲笔记
- JS实现的简洁二级导航菜单雏形效果
- 安全沙箱冲突:ExternalInterface解决方法 js调用域的问题