Question

javascript 双引号 和单引号

var userName;

function greetUser() {
alert('Hello, I am your pet rock.');
}

function touchRock() {
if (userName) {
alert("I like the attention, " + userName + ". Thank you.");
}
else {
userName = prompt("What is your name?", "Enter your name here.");
if (userName)
alert("It is good to meet you, " + userName + ".");
}
//问题在地下两字，为什么 最下面的'rockImg'换成"rockImg"程序会无效？
document.getElementById("rockImg").src = "rock_happy.png";
setTimeout("document.getElementById('rockImg').src = 'rock.png';", 5 * 60 * 1000);//这个

Answer 1

有效：

setTimeout("document.getElementById('rockImg').src = 'rock.png';", 5 * 60 * 1000);

无效：

setTimeout("document.getElementById("rockImg").src = 'rock.png';", 5 * 60 * 1000);

为什么呢？

因为关于函数”setTimeout“正确的语法是：

setTimeout("js_string", INT(毫秒));

其中js_string是一个字符串，在你的例子里面，是document.getElementById('rockImg').src = 'rock.png';

它是被双引号包起来的，中间不能出现双引号，除非你对多出来的双引号进行转义。

啥叫转义？

var str = "Hello, I love 'China' very much.";
var str = "Hello, I love \"China\" very much.";
var str = 'Hello, I love "China" very much.';
var str = 'Hello, I love \'China\' very much.';

都是有效地，其中使用了转义的有第2、4行。

明白了吗？

Answer 2

到id那里如果用双引号的话需要转义字符转译一下'\'
setTimeout("document.getElementById(\"rockImg\").src = 'rock.png';", 5 * 60 * 1000);

Answer 3

规则：单引号内用双引号，双引号内用单引号。