當你等待的書!
從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