問題一：行內onclick觸發的函式放在$(funtion(){})內報錯，錯誤程式碼如下：

  1.      <input type="button" value="確定" onclick="say()">
  2.      <script>
  3.          $(function(){
  4.              function say(){
  5.                  alert(123);
  6.              }
  7.          })
  8.      </script>

執行之後報錯：say is not defined

$(function{})的作用類似於window.onload,都是網頁載入完成在執行相應的程式碼。刪去$(function(){})之後程式執行正常，看來$(function(){})本身也是一個函式（這麼明顯之前居然沒注意到），它形成了一個函式作用域，將say()這個函式變成了一個區域性變數，$(function(){})外面無法訪問。

解決方法：

1.刪去$(function(){})，如果將<script>寫在最下面，$(function(){})一般可以不用寫。

2.如果必學寫$(function(){})，將function say(){}改寫為window.say = function(){},將say()函式變為全域性的。

問題2：行內onclick傳入動態字串，錯誤程式碼如下：

  1.      <script>
  2.          var str = "asd";
  3.          $("<input type='button' value='確定' onclick='say("+str+")'>").appendTo($('body'));
  4.          function say(str){
  5.              console.log(str);
  6.          }
  7.      </script>

想讓點選按鈕時，輸出的內容隨str變化，但是報錯asd is not defined

看起來 asd 被當成了變數，於是程式碼稍作修改：$("<input type='button' value='確定' onclick='say(\'"+str+"\')'>").appendTo($('body')); 給str加了一個單引號，執行之後又報錯：Unexpected token }

檢視瀏覽器控制檯發現，這段程式碼被解析成了這樣：<input type="button" value="確定" onclick="say(" asd')'="">; 詢問了大神之後，將str加的單引號改為雙引號，程式果然正常執行。經過思考得出結論，在保證js程式碼單雙引號配對的同時，也要保證解析到html中的正確性，即標籤中也是區分單雙引號的。雖然標籤中寫成這樣<input onclick="say('asd')">(正確寫法); 但是被解析到瀏覽器中檢視，都變成了雙引號<input onclick="say("asd")">;一度影響了我的判斷。。。

解決方法：

1.str外圍改為雙引號即$("<input type='button' value='確定' onclick='say(\'"+str+"\')'>").appendTo($('body'));

2.去掉say()函式的單引號，改為$("<input type='button' value='確定' onclick=say(\'"+str+"\')>").appendTo($('body')); 這樣寫瀏覽器會幫你加一個雙引號，而且say()括號中的單雙引號被正確解析。