首页 > 编程语言 >javascript单引号和双引号区别

javascript单引号和双引号区别

时间:2023-09-19 14:01:40浏览次数:42  
标签:双引号 单引号 javascript 转义字符 HTML 出错 这时


在一个网页中的按钮,写onclick事件的处理代码,不小心写成如下:
<input value="Test" type="button" οnclick="alert(""OK"");" />
IE提示出错后,再漫不经心地改为:
<input value="Test" type="button" οnclick="alert(\"OK\");" />
结果还是出错。
这时,我就想不通了,虽然我知道最直接的解决方法是写成这样:
<input value="" type="button" οnclick="alert('OK');" />
但为什么javascript中的转义字符\没有效果了呢?

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

下面列出各种表达方法:

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

标签:双引号,单引号,javascript,转义字符,HTML,出错,这时
From: https://blog.51cto.com/u_1481758/7524844

相关文章

  • 调用javascript的4钟方式
    <scripttype="text/javascript">document.write('调用方式一');</script><scriptlanguage="">document.write('调用方式二');</script><scriptlanguage="javascript">......
  • 无涯教程-JavaScript - SEC函数
    描述SEC函数返回Angular的割线。语法SEC(number)争论Argument描述Required/OptionalNumberNumberistheangleinradiansforwhichyouwantthesecant.RequiredNotes数字的绝对值必须小于2^27如果Angular为度,则将Angular乘以PI()/180或使用RADIANS函......
  • 如何在JavaScript中实现链表
      转载来自:https://www.freecodecamp.org/news/implementing-a-linked-list-in-javascript/  Ifyouarelearningdatastructures,alinkedlistisonedatastructureyoushouldknow.IfyoudonotreallyunderstanditorhowitisimplementedinJavaScript......
  • 无涯教程-JavaScript - ROUND函数
    描述ROUND函数将数字四舍五入为指定的位数。ROUND是Excel舍入函数之一。语法ROUND(number,num_digits)争论Argument描述Required/OptionalnumberThenumberthatyouwanttoround.Requirednum_digitsThenumberofdigitstowhichyouwanttoroundthenum......
  • arcgis api for javascript 4.x, 删除绘制的点、线、面
    1、在视图mapView上添加的点线面//删除所有mapView.graphics.removeAll();//删除一个constpointGraphic=newGraphic({geometry,symbol})mapView.graphics.remove(pointGraphic);//删除多个mapView.graphics.removeMany([pointGraphic,polylineGraphic]);2、G......
  • [JavaScript] JavaScript的时间与时区
    0序言第1章节,原创,主要关注:JS的时间、时区国际化问题第2章节,主要来自于第1篇参考文献(系对第1章节的基础知识的夯实)1JavaScript时间、时区的国际化(案例)本案例等同于问题:JavaScript从浏览器根据不同时区获取时间的问题假定现在有两台Windows笔记本电脑。Step1设置......
  • 使用JavaScript或PHP限制垃圾邮件信息
    要限制垃圾邮件信息,可以使用JavaScript和PHP来执行以下方法:使用JavaScript限制垃圾邮件信息:表单验证:通过在表单提交之前使用JavaScript对输入的数据进行验证。可以检查电子邮件地址的格式、必填字段的输入以及其他特定规则。验证码:在表单中添加验证码字段,要求用户输入生成的验证码......
  • 无涯教程-JavaScript - PRODUCT函数
    描述PRODUCT函数将所有作为参数给出的数字相乘并返回乘积。如,如果单元格A1和A2包含数字,要将这两个数字相乘,可以使用以下公式=产品(A1,A2)这与与(*)数学运算符相乘相同。即=A1*A2当您需要将多个单元格相乘时,PRODUCT功能非常有用。Example=产品(A1:A3,C1:C3)这和=......
  • 无涯教程-JavaScript - PI函数
    描述PI函数返回数字3.14159265358979,数学常数pi,精确到15位数字。语法PI()争论PI函数语法没有参数。适用性Excel2007,Excel2010,Excel2013,Excel2016Example参考链接https://www.learnfk.com/javascript/advanced-excel-math-trignometric-pi-function.html......
  • 记录--JavaScript 令人惊讶的一点:对于空数组every()方法返回true
    这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助JavaScript语言的内核足够大,导致我们很容易误解它的某些部分是如何工作的。我最近重构了一些使用every()方法的代码,并且发现我并不真正理解every()的逻辑。在我看来,我认为回调函数必须被调用并返回true的时候ev......