kiểm tra chức năng trong jsfiddle

Question

Xin lỗi, câu hỏi thực sự ngu ngốc ở đây. Nếu bạn đăng câu hỏi về javascript hoặc jquery, mọi người thường nói - tạo jsfiddle.

Vì vậy, tôi đã làm. Câu hỏi của tôi sẽ được về việc divs để trượt lên bằng cách sử dụng jquery nhưng, tôi thậm chí không thể có được một chức năng javascript cơ bản để chạy trong jsfiddle.

http://jsfiddle.net/ubq6E/

<div onclick="showit()">Hello</div> 
function showit() 
{ 
alert('hi'); 
} 

Một div, click vào nó để gọi một hàm javascript, nhưng jsfiddle nói chức năng không được định nghĩa. Bạn không thể làm điều này trong jsfiddle?

Answer 1

Bạn đã chọn tùy chọn mặc định onLoad trong jsfiddle.

Điều này làm cho trang web bao bọc toàn bộ mã của bạn trong hàm gọi lại, có nghĩa là hàm showit của bạn không phải là hàm toàn cầu theo yêu cầu của trình xử lý sự kiện nội tuyến DOM0.

Có một số quanh công việc, để cá nhân của tôi về sở thích:

1. không sử dụng bộ xử lý inline dom0, họ đang thực sự trường cũ - nhìn vào element.addEventListener() thay vào đó và tách đánh dấu của bạn từ JS của bạn.

2. sử dụng window.showit = function() { ... } thay vào đó để buộc chức năng của bạn xuất hiện trong không gian tên chung.

3. chọn một trong các tùy chọn "không bọc"