html5中双引号和单引号的区别

html-css09

html5中双引号和单引号的区别,第1张

1.单引号和双引号基本都是一种概念,但是二者一起出现时,需要特别注意

2.单引号包含双引号的时候,里面的双引号不用转义,反之亦然

看下面代码:

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

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

双引号中再用双引号要这样(用转义符):

var str = "abc\"def\"ghi"

用反斜杠来禁止解析双引号。

下面摘录的内容,希望对你有用:

在一个网页中的按钮,写onclick事件的处理代码,不小心写成如下:

<input value="Test" type="button" onclick="alert(""OK"")" />

IE提示出错后,改为:

<input value="Test" type="button" onclick="alert(\"OK\")" />

结果还是出错。

再改为,ok通过:

<input value="" type="button" onclick="alert('OK')" />

但为什么javascript中的转义字符\没有效果了呢?

原来这时,还是归于HTML的管辖范围,所以转义字符应该使用HTML的,而不是javascript的。两个双引号的做法是vbScript的,\"这种做法则是javascript的,而HTML的,则是用",此外还可以使用:"、'。

再看看下面的代码:

<script type="text/javascript">

function Display(LoginEmail, UserName, ID) {

alert(LoginEmail)

}

</script>

1.使用单引号传参:

<a javascript:Display('','Aleax Xie','10101239393')">Test1</a>

如果其中一个参数有一个值含有单引号,那么这个方法会出错.

<a javascript:Display('abc@a'','Aleax Xie','10101239393')">Test1</a>

改进: 有单引号的加上\', OK。

<a javascript:Display('abc@a\'','Aleax Xie','10101239393')">Test</a>

2.上面解决了单引号的问题,但如果值中有双引号又出现了问题

<a javascript:Display('abc@a\'','Aleax Xie','10101239393')">Test</a>

改进: 使用Onclick,给双引号加上\",单引号不用处理.并且不加“或'给JS方法

<a javascript:void(0)" onclick=Display("abc@\"ab'","Aleax Xie","10101239393")>Test3</a>

这样解决了Js参数中有单引号与双引号的问题,但这有限制: 参数与参数之前不能有空格,参数值中不能空格,如果有空格,则用" "来代替.

将HTML标签的属性值用双引号引起来是w3c标准组织规定的做法,如果不加双引号,就无法区分是一些特殊字符了。

HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现,比如:name="value"。

属性总是在 HTML 元素的开始标签中规定。

属性例子 1:

<h1>定义标题的开始。

<h1 align="center">拥有关于对齐方式的附加信息。

TIY : 居中排列标题

属性例子 2:

<body>定义 HTML 文档的主体。

<body bgcolor="yellow">拥有关于背景颜色的附加信息。

TIY : 背景颜色

属性例子 3:

<table>定义 HTML 表格。(您将在稍后的章节学习到更多有关 HTML 表格的内容)

<table border="1">拥有关于表格边框的附加信息。

可以使用转移字符 \

var Value = "...\"..."

也可以用单引号来包含

var Value = '..."...'

或者把内容里的双引号换成单引号

var Value = "...'..."