HTML中单引号的妙用[网站美工]
本文“HTML中单引号的妙用[网站美工]”是由七道奇为您精心收集，来源于网络转载，文章版权归文章作者所有，本站不对其观点以及内容做任何评价，请读者自行判断，以下是其具体内容：
之前在做网页开辟时,被以下这一个微不足道的小问题把头搞大了,具体问题已经做了处理,现把问题所在整理以下:
HTML文件,quateQuestion.html
<html>
<head>
<title>Js中单引号值得注意的地方</title>
</head>
<body>
<script type="text/javascript">
var testCase = 2;
function clickMe() {
var obj = document.getElementById("nav");
var newDiv = document.createElement("div");
var helloworld='helloworld';
newDiv.id = "newDiv";
switch (testCase)
{
case 1:
newDiv.innerHTML = "<p><input type=text value='hello world' onclick=alert("+helloworld+") >";
//情形一,什么也不加
break;
case 2:
newDiv.innerHTML = "<p><input type=text value='hello world' onclick=alert('"+helloworld+"') >";
//情形二,为字符串加上单引号 *****精确办法 *****
break;
case 3:
newDiv.innerHTML = "<p><input type=text value='hello world' onclick=alert(\'"+helloworld+"\') >";
//情形三,来点转义吧,为字符串加上转义＝ *****精确办法 *****
break;
case 4:
newDiv.innerHTML = "<p><input type=text value='hello world' onclick=\'alert('"+helloworld+")\' >";
//情形五,试图为办法加上转义字符,而字符串加上单引号
break;
case 6:
newDiv.innerHTML = "<p><input type=text value='hello world' onc lick=\'alert(\'"+helloworld+"\')\' >";
//情形六,试都增添转义字符
break;
case 7:
newDiv.innerHTML = '<p><input type=text value="hello world" onclick=alert("'+helloworld+'" >';
//情形七,试图在单引号中为字符串利用双引号
break;
case 8:
newDiv.innerHTML = '<p><input type=text value="hello world" onclick=alert(\"'+helloworld+'\" >';
//情形七,试图在单引号中为字符串利用双引号,并为双引号转义
break;
default:
obj.appendChild(newDiv);
}
</script>
<input type=button value=buttonMe onclick=clickMe()>
<div id=nav></div>
</body>
</html>
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
以上问题环绕着这样一个问题,就是双引号,单引号之间或内部互引问题.
测试后果表明:只有当var testCase = 2;时网页能显示预期 的后果.
由此可见:
（1） 由var testCase = 1; （非预期后果）及var testCase = 2; （预期后果）,可知Javascript中函数传字符串时要利用引号
（2） 由var testCase = 2; （预期后果）及var testCase = 3; （预期后果）可知,可在字符串需求单引号的地方利用转义字符
（3） 由var testCase = 4; （非预期后果）可知,单引号中不宜包含单引号
（4） 由剩下的可知,在双绰号包含的办法,假如办法参数是字符串,不宜组办法加上引号.
以上是“HTML中单引号的妙用[网站美工]”的内容，如果你对以上该文章内容感兴趣，你可以看看七道奇为您推荐以下文章：
| 本文地址： | 与您的QQ/BBS好友分享! |
- 好的评价 如果您觉得此文章好，就请您
0%(0) 
- 差的评价 如果您觉得此文章差，就请您
0%(0) 
中查找“HTML中单引号的妙用”更多相关内容
中查找“HTML中单引号的妙用”更多相关内容