Thực hiện JS khi tải trang mà không cần sử dụng jQuery

Vì vậy, tôi biết rằng nếu bạn sử dụng jQuery, bạn có thể sử dụng $(document).load(function(){}); để bất kỳ mã nào bạn viết vào hàm sẽ được thực thi sau khi toàn bộ trang đã được tải, nhưng có cách làm tương tự nếu bạn không sử dụng jQuery và chỉ sử dụng JS?Thực hiện JS khi tải trang mà không cần sử dụng jQuery

Ví dụ ...

<html> 
    <head> 
     <script type="text/javascript"> 
      var box = document.getElementById('box'); 
      alert(box); 
     </script> 
    </head> 
    <body> 
     <div id="box" style="width:200px; height:200px; background-color:#999; 
margin:20px;"></div> 
    </body> 
</html>

Nếu tôi sử dụng phương pháp này cảnh báo chỉ nói null. Vì vậy, có một cách để làm cho mã js chạy một khi trang đã tải?

Nguồn

2013-05-25 user1563944

Thực ra, khi sử dụng jQuery, vui lòng không ** sử dụng '$ (tài liệu) .load (function() {...}); ' – adeneo

Câu hỏi này có thể có câu trả lời bạn cần [http://stackoverflow.com/questions/799981...](http://stackoverflow.com/questions/799981/document-ready-equivalent-without-jquery) – Tifa

tôi sử dụng:

<script type="text/javascript"> 
    window.onload = function(){ 
     //do stuff here 
    }; 
</script>

Bằng cách này bạn không cần phải sử dụng bất kỳ thẻ onload trong html của bạn.

Nguồn

2013-05-25 20:11:25 Nile

Tôi thích bạn, 1 câu trả lời sẽ xuất hiện khi nó cho phép tôi. – user1563944

Cách đơn giản nhất là chỉ cần đưa kịch bản của bạn ở phần cuối của tài liệu, thường ngay trước thẻ cơ thể đóng cửa:

<html> 
<head> 

</head> 
<body> 
<div id="box" style="width:200px; height:200px; background-color:#999; margin:20px;"></div> 
<script type="text/javascript"> 
    var box = document.getElementById('box'); 
    alert(box); 
</script> 
</body> 

</html>

Nguồn

2013-05-25 20:07:27 79IT

để lấy js để tìm phần tử #box các thẻ js có để đi trong phần nội dung chứ không phải trong thẻ head? – user1563944

@ user1563944 - cụ thể hơn, javascript phải đến sau phần tử bạn đang cố gắng truy cập, nếu không yếu tố không tồn tại khi javascript thực hiện. – adeneo

Bạn có thể sử dụng onload trong thẻ cơ thể của bạn.

<head> 
    <script type="text/javascript"> 
     function doSomething() { 
     //your code here 
     } 
    </script> 
</head> 
<body onload="doSomething()">

Nguồn

2013-05-25 20:09:57 Robbert

lý do bỏ phiếu xuống? – Robbert

Bạn có thể sử dụng nhiều phương pháp để thực hiện việc này.

Cách đơn giản nhất, phương pháp đơn giản nhất sẽ chỉ cần thêm thẻ script ở phần cuối của thẻ cơ thể của bạn:

<html> 
<head> 
    <title> Example </title> 
</head> 
<body> 
    <div> 
     <p>Hello</p> 
    </div> 
    <script type="text/javascript"> 
     // Do stuff here 
    </script> 
</body> 
</html>

Cách jQuery làm nó là một cái gì đó tương tự như:

window.onload = function() { 
    // Do stuff here 
}

tôi thường chỉ làm theo cách thứ hai, chỉ trong trường hợp.

Để đảm bảo tính tương thích của trình duyệt chéo, hãy thu thập thông tin qua nguồn jQuery và tìm thấy những gì họ sử dụng.

Nguồn

2013-05-25 20:18:10

Thực hiện JS khi tải trang mà không cần sử dụng jQuery

Trả lời

Các vấn đề liên quan