当你等待的书!
从Mozilla Developer Centre学习!
一个例子:
Example
修正版本
document.write(
'Once upon a time there was a ' + heroGender +
' named ' + heroName + '.' + '<BR>' + heroName +
' had a ' + petType + ' called ' + petName + '.');
破碎版本
你失踪到+
符号。
document.write(
'Once upon a time there was a ' + heroGender +
' named ' + heroName /* + */ '.' /* + */ '<BR>' + heroName +
' had a ' + petType + ' called ' + petName + '.');
尝试使用
- Firefox和Firebug和其控制台选项卡(命中F12)
- IE9和控制台版本(点击F12。确保控制台打开再刷新)。
- Chrome并在控制台构建(按Ctrl + Shift键+ J)
要观看任何错误消息。
如果这是太多的精力,然后尝试
window.onerror = function(e) {
alert(e.message);
}
下面是一个“改良”更符合标准的版本。 Example Link!
HTML:
<label> Your Hero's gender </label><input id="heroGender"/><br/>
<label> Your Hero's name </label><input id="heroName"/><br/>
<label> Your Hero's pet type </label><input id="petType"/><br/>
<label> Your Hero's pet name </label><input id="petName"/><br/>
<button> Make me a hero! </button>
<div id="output"></div>
的JavaScript:
// make your hero when you press the button
document.getElementsByTagName("button")[0].addEventListener("click", function() {
// get all the values from the text boxes
var gender = document.getElementById("heroGender").value,
name = document.getElementById("heroName").value,
petType = document.getElementById("petType").value,
petName = document.getElementById("petName").value;
// set the text on your output.
document.getElementById("output").textContent =
"Once upon a time there was a " + gender +
" named " + name + ". " + name + " had a pet " +
petType + " called " + petName;
}, false);
上面的代码将打破IE8或更低:(使JavaScript的工作跨浏览器是一个正确的疼痛。
所以我,你可以在
阅读浏览器的文档,但这些都不是容易阅读和浏览。跨浏览器脚本的一个很好的视觉指南是visibone BrowserBook。
它会显示跨浏览器支持(红色火狐,蓝色是IE):

给它几个月,你就会知道如何使用所有的舒适。
你能解释什么地方出了错运行?我们看到代码,但除非我们复制并运行它,否则我们不知道哪里出了问题。 – 2011-05-17 20:12:50
一个明显的问题是,你打印出“曾经有一次**”两次**。 – Pointy 2011-05-17 20:14:41
您的代码是''。''
''这是一个不太正确的语法。 – pimvdb 2011-05-17 20:16:10