之前在做网页开发时，被以下这一个微不足道的小问题把头搞大了，具体问题已经做了处理，现把问题所在整理如下：
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' οnclick=alert("+helloworld+") >";
//情况一，什么也不加
break;
case 2:
newDiv.innerHTML = "<p><input type=text value='hello world' οnclick=alert('"+helloworld+"') >";
//情况二，为字符串加上单引号 *****正确方法 *****
break;
case 3:
newDiv.innerHTML = "<p><input type=text value='hello world' οnclick=alert(/'"+helloworld+"/') >";
//情况三，来点转义吧，为字符串加上转义＝ *****正确方法 *****
break;
case 4:
newDiv.innerHTML = "<p><input type=text value='hello world' οnclick='alert('"+helloworld+"')' >";
//情况四，试图为方法及字符串都加上单引号
break;
case 5:
newDiv.innerHTML = "<p><input type=text value='hello world' οnclick=/'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" οnclick=alert("'+helloworld+'" >';
//情况七，试图在单引号中为字符串使用双引号
break;
case 8:
newDiv.innerHTML = '<p><input type=text value="hello world" οnclick=alert(/"'+helloworld+'/" >';
//情况七，试图在单引号中为字符串使用双引号,并为双引号转义
break;
default:
obj.appendChild(newDiv);
}
</script>
<input type=button value=buttonMe οnclick=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） 由剩下的可知，在双绰号包含的方法，如果方法参数是字符串，不宜组方法加上引号。
1626
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
