10/10/2018, 13:23

Help - Cách nhúng file .js vào HTML

Mình niu bai nên còn gà, các bạn chém nhẹ tay nhé chả là mình có đoạn code HTML có javascript đơn giản sau:

Code:

<html>
<head>
<script language="javascript">
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>

test chạy ngon lành sau đó mình bê đoạn code dưới đây paste vo Dreamweaver tạo 1 file myscript.js

Code:

<script language="javascript">
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>

Sau đó mình code lại đoạn đầu (đã them đường dẫn file myscript.js vào )như sau:

Code:

<html>
<head>
<script src="myscript.js"></script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>

Thế mà nó không chạy, xin các bác fix giúp với.

gia24.com viết 15:28 ngày 10/10/2018

$ file js phải đặc code không có tags.
$ xem lại mấy cái id có đã có chưa để display cái cần display

Vô Thin viết 15:27 ngày 10/10/2018

Nhắn gửi đến chủ topic: có hai vấn đề bạn cần chú ý:

1. File .js của bạn thì không có đoạn:

Code:

<script language="javascript">
và
</script>

nó sẽ chỉ còn như này:

Code:

function myFunction() {
document.getElementById("demo").innerHTML="My First JavaScript Function";
}

mà nhảy vào viết code ngay, tức tạo ngay function hoặc khai báo. Tuy thế, đoạn <script language="javascript"> bạn phải viết <script type="text/javascript"> để cho chuẩn xác hơn đối với các trình duyệt hiện đang, nếu bạn định dùng html5 thì đơn giản là <script> là đủ.

2. Cái việc viết innerHTML bạn tiềm ẩn việc trang chưa nạp xong, div chưa load vào trình duyệt => dẫn đến thất bại do không tìm ra thành phần div có id là demo để mà nhét nội dung vào, do đó, đoạn code của bạn sẽ thành như sau cho chắc ăn:

Code:

<html>
<head>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
<script src="myscript.js"></script>
</body>
</html>

Tức bê <script src="myscript.js"></script> từ phần head xuống phần body, và sau hết tất cả các thứ khác.

Okie chưa nào?

Thứ cuối cùng muốn nhắn nhủ bạn: dùng ngôn ngữ tiếng Việt tường minh, trong sáng, trừ những từ chêm tiếng Anh vào dễ hiểu hơn kiểu như code, tag (đa phần từ chuyên ngành hoặc quá thông dụng) để được mọi người đọc và trợ giúp nhanh hơn, đúng yêu cầu hơn. Chứ cái cách... niu bai của bạn, mình và các anh chị hơi có tuổi ở đây không thích, thậm chí các quản trị viên có thể xóa bài, khoá nick của bạn vì vi phạm nội quy.

vucongtinh viết 15:30 ngày 10/10/2018

Nếu đã chèn vào file js rồi thì trong file js bỏ <script></script> đi bạn nhé!

dt2 viết 15:26 ngày 10/10/2018

Hello.

Chắc bác đang tìm hiểu lập trình web. Đọc kỹ hơn chút hoặc đổi tài liệu khác đi bác ạ.

Bình luận về bài viết này

Chia sẻ tin đăng đến bạn bè

Gửi Messenger

Bài liên quan

miss_it

0 chủ đề

0 bài viết

Tác giả nổi bật