脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js 单引号 双引号

浅析Js中的单引号与双引号问题

 更新时间：2013年11月06日 09:40:22   作者：  
本文是对Js中单引号与双引号的使用进行了总结介绍，需要的朋友可以过来参考下，希望对大家有所帮助

单引号和双引号其实没啥区别，看你自己习惯了

<input type="button" onclick="alert("1")">-------------------不正确
<input type="button" onclick="alert('1')">-------------------正确

双引号中再用双引号要这样：
var str = "abc\"def\"ghi"
用反斜杠来禁止解析双引号。

下面是我摘录的，希望对你有用：

在一个网页中的按钮，写onclick事件的处理代码，不小心写成如下：
<input value="Test" type="button" onclick="alert(""OK"");" />

IE提示出错后，再漫不经心地改为：
<input value="Test" type="button" onclick="alert(\"OK\");" />

结果还是出错。
这时，我就想不通了，虽然我知道最直接的解决方法是写成这样：
<input value="" type="button" onclick="alert('OK');" />
但为什么javascript中的转义字符\没有效果了呢？

后来找到一段正常的代码：
<input value="Test" type="button" onclick="alert("OK");" />
这时才理解，原来这时，还是归于HTML的管辖范围，所以转义字符应该使用HTML的，而不是javascript的。两个双引号的做法是vbScript的，\"这种做法则是javascript的，而HTML的，则是用"，此外还可以使用："、'。

下面列出各种表达方法：

复制代码 代码如下:

<html>
<body>
<input value="外双引号内双引号-错误" type="button" onclick="alert("OK");" /><br />
<input value="外单引号内单引号-错误" type="button" onclick='alert('OK');' /><br />
<input value="两个双引号-错误" type="button" onclick="alert(""OK"");" /><br />
<input value="两个单引号-错误" type="button" onclick="alert(''OK'');" /><br />
<input value="\+双引号-错误" type="button" onclick="alert(\"OK\");" /><br />
<input value="\+单引号-错误" type="button" onclick="alert(\'OK\');" /><br />
<input value="外双引号内单引号-OK" type="button" onclick="alert('OK');" /><br />
<input value="外单引号内双引号-OK" type="button" onclick='alert("OK");' /><br />
<input value="外部不使用引号-OK" type="button" onclick=alert('OK');alert("OK"); /><br />
<input value="HTML转义字符"(& # 3 4 ;)-OK" type="button" onclick="alert("OK");" /><br />
<input value="HTML转义字符'(& # 3 9 ;)-OK" type="button" onclick="alert('OK');" /><br />
<input value="HTML转义字符"(& # x 2 2 ;)-OK" type="button" onclick="alert('OK');" /><br />
<input value="HTML转义字符'(& # x 2 7 ;)-OK" type="button" onclick="alert('OK');" /><br />
<input value="HTML转义字符"(& q u o t ;)-OK" type="button" onclick="alert("OK");" /><br />
<input value="HTML转义字符'(& a p o s ;)-IE错误" type="button" onclick="alert('OK');" /><br />
<input value="其它\\-错误" type="button" onclick="alert(\\"OK\\");" /><br />
<input value="其它\& # 3 4 ;-错误" type="button" onclick="alert(\"OK\");" /><br />
</body>
</html>

您可能感兴趣的文章:

相关文章

  • 微信公众平台开发教程（五）详解自定义菜单

    微信公众平台开发教程（五）详解自定义菜单

    这篇文章主要介绍了微信公众平台开发教程（五）详解自定义菜单，具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
    2016-12-12
  • JavaScript正则替换HTML标签功能示例

    JavaScript正则替换HTML标签功能示例

    这篇文章主要介绍了JavaScript正则替换HTML标签功能,结合完整实例形式详细分析了javascript正则替换字符串操作相关实现技巧,需要的朋友可以参考下
    2017-03-03
  • 前端在线预览PDF文件三种实现方式(兼容移动端)

    前端在线预览PDF文件三种实现方式(兼容移动端)

    这篇文章主要介绍了前端在线预览PDF文件三种实现方式的相关资料,分别是使用微软在线预览地址、直接使用window.open打开文档链接以及使用PDF.js,PDF.js方法稳定,适用于大多数文件,每种方法都给出了详细的代码示例,需要的朋友可以参考下
    2025-02-02
  • js如何编写简单的ajax方法库

    js如何编写简单的ajax方法库

    这篇文章主要为大家详细介绍了js如何编写简单的ajax方法库，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-08-08
  • npm script和package-lock.json使用示例详解

    npm script和package-lock.json使用示例详解

    这篇文章主要为大家介绍了npm script和package-lock.json使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-02-02
  • JavaScript的兼容性与调试技巧

    JavaScript的兼容性与调试技巧

    可能在大家使用JavaScript效果时，会碰到在各个浏览器中页面的显示效果不同，甚至报错，这就是代码的兼容性问题。本文就是主要介绍JavaScript的兼容性与调试技巧，希望对大家有所帮助
    2016-11-11
  • 详解js模板引擎art template数组渲染的方法

    详解js模板引擎art template数组渲染的方法

    art-template 是一个简约、超快的模板引擎。这篇文章主要介绍了详解js模板引擎art template数组渲染的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2018-10-10
  • javascript将list转换成树状结构的实例

    javascript将list转换成树状结构的实例

    下面小编就为大家带来一篇javascript将list转换成树状结构的实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 删除javascript所创建子节点的方法

    删除javascript所创建子节点的方法

    这篇文章主要介绍了删除javascript所创建子节点的方法,涉及javascript针对页面节点元素的操作技巧,需要的朋友可以参考下
    2015-05-05
  • 一步步教你利用Canvas对图片进行处理

    一步步教你利用Canvas对图片进行处理

    这篇文章主要给大家介绍了关于利用Canvas对图片进行处理的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
    2017-09-09

最新评论