Hướng dẫn how to call javascript function in html automatically - cách gọi hàm javascript trong html tự động

12

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Làm cách nào để tự động thực thi JavaScript?

Tôi biết về <body onLoad="">, nhưng tôi chỉ nghĩ có lẽ có một cách khác để làm điều đó?

html:

<html><head></head><body><div id="test"></div></body></html>

javascript:

<script>(function(){var text = document.getElementById('test').innerHTML;var newtext = text.replace('', '');return newtext;})();</script>

Tôi muốn lấy văn bản trong "kiểm tra", thay thế một số phần nhất định và sau đó xuất nó vào trình duyệt.

Bất kỳ ý tưởng về cách làm điều đó? Tôi đánh giá cao bất kỳ sự giúp đỡ nào. Cảm ơn.

Hướng dẫn how to call javascript function in html automatically - cách gọi hàm javascript trong html tự động

BẠN

Huy hiệu vàng 116K3232 gold badges184 silver badges216 bronze badges

Hỏi ngày 15 tháng 4 năm 2010 lúc 10:56Apr 15, 2010 at 10:56

1

Nếu bạn không muốn sử dụng <body onload>, đó là lựa chọn tốt về mặt JavaScript khó chịu, bạn có thể tách nó ra và đặt mã như thế này:obtrusive javascript, you can separate that and put you code like this:

window.onload = function(){
  // your code here
};

Alternative:

Đặt mã JavaScript của bạn ở cuối trang.

Đã trả lời ngày 15 tháng 4 năm 2010 lúc 10:59Apr 15, 2010 at 10:59

Hướng dẫn how to call javascript function in html automatically - cách gọi hàm javascript trong html tự động

SarfrazsarfrazSarfraz

371K76 Huy hiệu vàng529 Huy hiệu bạc576 Huy hiệu Đồng76 gold badges529 silver badges576 bronze badges

2

Đặt tập lệnh ở dưới cùng của trang, bên ngoài thẻ cơ thể đóng ..

Đã trả lời ngày 15 tháng 4 năm 2010 lúc 10:58Apr 15, 2010 at 10:58

Sky Sanderssky SandersSky Sanders

35,3K7 Huy hiệu vàng68 Huy hiệu bạc91 Huy hiệu Đồng7 gold badges68 silver badges91 bronze badges

3

Nó thực sự dễ dàng! Nếu bạn có một tập lệnh trong khối "đầu" của mình, không có ID chức năng, nó sẽ tự động chạy ngay khi tải trang web. Ví dụ:

<script>(function(){var text = document.getElementById('test').innerHTML;var newtext = text.replace('', '');return newtext;})();</script>
0
<script>(function(){var text = document.getElementById('test').innerHTML;var newtext = text.replace('', '');return newtext;})();</script>
1
<script>(function(){var text = document.getElementById('test').innerHTML;var newtext = text.replace('', '');return newtext;})();</script>
2

<!-- This script initiates an automatic web page redirection, as the page is loaded -->
<script type="text/javascript">
window.location = "http://www.mywebsite.com/"
</script>

<script>(function(){var text = document.getElementById('test').innerHTML;var newtext = text.replace('', '');return newtext;})();</script>
3

Đã trả lời ngày 14 tháng 11 năm 2013 lúc 17:41Nov 14, 2013 at 17:41

1

Nếu bạn không muốn sử dụng jQuery, hãy sử dụng phương thức tải Window.Onload:

<script type="text/javascript">
    function ReplaceText() {
        document.getElementById('test').innerHTML = document.getElementById('test').innerHTML.replace(/abc/g, "def");
    }
    window.onload = ReplaceText;
</script>

Được sử dụng trên mã:

<div id="test">abc abc</div>

Sẽ cung cấp đầu ra này:

def def

Đã trả lời ngày 15 tháng 4 năm 2010 lúc 11:12Apr 15, 2010 at 11:12

Rochalrochalrochal

7.6402 Huy hiệu vàng32 Huy hiệu bạc54 Huy hiệu đồng2 gold badges32 silver badges54 bronze badges

Một cách nhanh chóng, nếu bạn chỉ muốn gỡ lỗi, sẽ di chuyển những gì bạn muốn thực hiện bên ngoài một chức năng.

<script type="text/javascript">
var text = document.getElementById('test').innerHTML;
var newtext = text.replace('', '');
alert(newtext);
</script>

NB. Tôi không chắc những gì bạn hy vọng đạt được với

<script>(function(){var text = document.getElementById('test').innerHTML;var newtext = text.replace('', '');return newtext;})();</script>
4?

Đã trả lời ngày 15 tháng 4 năm 2010 lúc 11:00Apr 15, 2010 at 11:00

Dan Diplodan DiploDan Diplo

24.8K4 Huy hiệu vàng65 Huy hiệu bạc89 Huy hiệu Đồng4 gold badges65 silver badges89 bronze badges

1

Có nhiều cách để gọi hàm JavaScript trong tài liệu HTML và nó cũng không phải là một nhiệm vụ khó khăn. Đầu tiên, chúng tôi đã sử dụng một trong những cách dễ nhất để gọi chức năng JavaScript trong tài liệu HTML:

Trong phương thức này, chúng tôi sẽ tạo và xác định một hàm trong phần đầu của tài liệu HTML. Để gọi chức năng này trong tài liệu HTML, chúng tôi phải tạo một nút đơn giản và sử dụng thuộc tính sự kiện Onclick (là trình xử lý sự kiện) cùng với nó, chúng tôi có thể gọi chức năng bằng cách nhấp vào nút.onclick event attribute (which is an event handler) along with it, we can call the function by clicking on the button.

Để hiểu rõ hơn, hãy xem chương trình đã cho:

Chương trình

Giải thích chương trình

Trong chương trình được đưa ra trên, chúng tôi đã tạo ra một tài liệu HTML đơn giản. Bên trong phần đầu của tài liệu HTML, chúng tôi đã xác định một hàm (ví dụ: myfunction ();) bên trong các thẻ tập lệnh ....e.g myfunction();) inside the script tags .

Mặt khác, bên trong phần cơ thể, chúng tôi hiển thị một số văn bản và tạo một nút. Để gọi chức năng của chúng tôi, chúng tôi đã sử dụng thuộc tính onclick cùng với nút và khi người dùng nhấp vào nút đó, chức năng của chúng tôi sẽ thực thi và hiển thị thông báo cảnh báo, như bạn có thể thấy trong đầu ra.onclick attribute along with the button and when the user clicks on that button our function gets executes and display an alert message, as you can see in the output.

Đầu ra

Hướng dẫn how to call javascript function in html automatically - cách gọi hàm javascript trong html tự động

Gọi một chức năng bằng tệp JavaScript bên ngoài

Chúng tôi cũng có thể gọi các chức năng JavaScript bằng cách sử dụng tệp JavaScript bên ngoài được đính kèm vào tài liệu HTML của chúng tôi. Để làm điều này, trước tiên chúng ta phải tạo một tệp JavaScript và xác định chức năng của chúng tôi trong đó và lưu phần mở rộng ITWith (.js).

Khi tệp JavaScript được tạo, chúng ta cần tạo một tài liệu HTML đơn giản. Để bao gồm tệp JavaScript của chúng tôi trong tài liệu HTML, chúng tôi phải sử dụng thẻ tập lệnh và trong thuộc tính "SRC", chúng tôi phải cung cấp đường dẫn đến tệp JavaScript của chúng tôi nơi lưu trữ. Sau khi liên kết tệp JavaScript bên ngoài với tài liệu HTML, chúng ta có thể tạo một nút và gọi chức năng bằng thuộc tính "onclick" với nó."onclick" attribute with it.

Hãy hiểu nó với sự trợ giúp của một chương trình:

Chương trình

Giải thích chương trình

Trong chương trình trên trước tiên, chúng tôi đã tạo một tệp JavaScript và xác định chức năng của chúng tôi trong đó và lưu nó với phần mở rộng .js.js extension.

Function.js

Sau khi tạo tệp JavaScript, chúng tôi đã tạo một tài liệu HTML và liên kết tệp JavaScript của chúng tôi bằng cách sử dụng. Bởi vì chúng tôi đã lưu trữ tài liệu HTML và tệp JavaScript trong cùng một thư mục, chúng tôi vừa đặt tên cho tệp JavaScript của chúng tôi trong thuộc tính "SCR" thay vì cung cấp đường dẫn đầy đủ trong phần đầu.

Bên trong phần cơ thể, chúng tôi hiển thị một số văn bản và tạo một nút. Để gọi chức năng của chúng tôi, chúng tôi đã sử dụng thuộc tính onclick cùng với nút và khi người dùng nhấp vào nút đó, chức năng của chúng tôi sẽ thực thi và hiển thị thông báo cảnh báo, như bạn có thể thấy trong đầu ra.onclick attribute along with the button and when the user clicks on that button our function gets executes and display an alert message, as you can see in the output.

Đầu ra

Hướng dẫn how to call javascript function in html automatically - cách gọi hàm javascript trong html tự động

Gọi một chức năng bằng tệp JavaScript bên ngoài

Hướng dẫn how to call javascript function in html automatically - cách gọi hàm javascript trong html tự động

Làm thế nào để bạn gọi một chức năng JavaScript trong HTML?

Bước 1: Đầu tiên, chúng ta phải nhập thẻ tập lệnh giữa lần bắt đầu và đóng thẻ ngay sau thẻ tiêu đề. Và sau đó, nhập chức năng JavaScript. Bước 2: Sau đó, chúng ta phải gọi chức năng JavaScript trong mã HTML để hiển thị thông tin hoặc dữ liệu trên trang web.

Làm thế nào có thể gọi chức năng JavaScript mà không cần nút Nhấp vào HTML?

Bạn đã thử chức năng javaScript setInterval () chưa? Nó sẽ tự động thực thi mã của bạn trong một thời gian xác định (tính bằng mili giây). setInterval ([bạn mã hoặc gọi chức năng] [, khoảng thời gian tính bằng mili giây]);setInterval( [you code or function call][, time interval in milliseconds] );

JavaScript có thực thi tự động không?

Trong một trình duyệt, JavaScript không tự làm gì.Bạn chạy JavaScript từ bên trong các trang web HTML của bạn.Để gọi mã JavaScript từ bên trong HTML, bạn cần phần tử.JavaScript doesn't do anything by itself. You run JavaScript from inside your HTML webpages. To call JavaScript code from within HTML, you need the