Bạn đang xem : nơi đặt thẻ script trong html

Câu hỏi này đã có câu trả lời ở đây :

Làm cách nào để JavaScript thực thi sau khi tải trang?

(27 câu trả lời)

Đã đóng cửa

2 năm trước

.

Tôi đã tạo một tệp javascript đơn giản để thêm một lớp vào điều hướng của mình để nó hiển thị khi biểu tượng bánh mì kẹp thịt được nhấp vào. Tôi đã sử dụng thẻ script để thêm nó vào tệp html của mình nhưng nó dường như không hoạt động. Nhấp vào bánh mì kẹp thịt không làm gì cả. Tôi đã kiểm tra F12 và nó nhập tệp tốt mà không có lỗi nào. Tôi không chắc vấn đề là gì.

  const navSlide = () = & gt; {
  const burger = document.querySelector ('. burger');
  const nav = document.querySelector ('. nav-links');

  burger.addEventListener ('click', () = & gt; {
    nav.classList.toggle ('nav-active');
  });
}

navSlide ();  
  .nav-links {
  hiển thị: flex;
  justify-content: không gian-xung quanh;
  align-các mục: trung tâm;
  chiều rộng: 40%;
  list-style: none;
  chuyển tiếp: biến đổi dễ dàng 0,5 giây;
}

.nav-active {
  biến đổi: translateX (0%);
}

@media screen and (max-width: 1100px) {
  thân hình {
    tràn-x: ẩn;
  }
  .nav-links {
    vị trí: tuyệt đối;
    phải: 0px;
    đầu trang: 0px;
    chiều cao: 100vh;
    nền: # 009af3;
    hiển thị: flex;
    flex-hướng: cột;
    align-các mục: trung tâm;
    chỉ số z: 4;
    biến đổi: translateX (100%);
  }
  .nav-link {
    độ mờ: 0;
  }
  .burger {
    hiển thị: khối;
  }
  nav {
    justify-content: khoảng trắng giữa;
    margin: tự động;
    chiều rộng: 80%;
  }
}  
 & lt;! DOCTYPE html & gt;
& lt; html lang = "vi" & gt;

& lt; đầu & gt;
  & lt; meta charset = "UTF-8" & gt;
  & lt; meta name = "viewport" content = "width = device-width, initial-scale = 1.0" & gt;
  & lt; meta http-equiv = "X-UA-Tương thích" content = "ie = edge" & gt;
  & lt; title & gt; Trang chủ - Dịch vụ Sản xuất Leicster & lt; / title & gt;
  & lt; link rel = "stylesheet" href = "/ css / pages / index.css" & gt;
  & lt; link rel = "stylesheet" href = "/ css / media-queries / index.css" & gt;
  & lt; link rel = "stylesheet" href = "https://use.typekit.net/rum4qex.css" & gt;
  & lt; script src = "/ js / burger.js" & gt; & lt; / script & gt;
& lt; / head & gt;

& lt; body & gt;

  & lt; header class = "header" & gt;
    & lt; div class = "header-main" & gt;
      & lt; nav & gt;
        & lt; div class = "logo-container" & gt;
          & lt; img src = "/ images / Business / logo.png" alt = "Biểu trưng LPS" & gt;
        & lt; / div & gt;
        & lt; ul class = "nav-links" & gt;
          & lt; li & gt; & lt; a class = "nav-link active" href = "#" & gt; Trang chủ & lt; / a & gt; & lt; / li & gt;
          & lt; li & gt; & lt; a class = "nav-link" href = "#" & gt; Sản xuất & lt; / a & gt; & lt; / li & gt;
          & lt; li & gt; & lt; a class = "nav-link" href = "#" & gt; Cho Thuê Khô & lt; / a & gt; & lt; / li & gt;
          & lt; li & gt; & lt; a class = "nav-link" href = "#" & gt; Cài đặt & lt; / a & gt; & lt; / li & gt;
          & lt; li & gt; & lt; a class = "nav-link" href = "#" & gt; Giới thiệu & lt; / a & gt; & lt; / li & gt;
          & lt; li & gt; & lt; a class = "nav-link" href = "#" & gt; Liên hệ & lt; / a & gt; & lt; / li & gt;
        & lt; / ul & gt;
        & lt; div class = "burger" & gt;
          & lt; div class = "line1" & gt; & lt; / div & gt;
          & lt; div class = "line2" & gt; & lt; / div & gt;
          & lt; div class = "line3" & gt; & lt; / div & gt;
        & lt; / div & gt;
      & lt; / nav & gt;

      & lt; div class = "header-content" & gt;
        & lt; h3 & gt; Chào mừng bạn đến với & lt; / h3 & gt;
        & lt; img src = "./ images / Business / logo.png" alt = "Biểu trưng LPS" & gt;
        & lt; a class = "button" href = "#" & gt; Xem Danh mục Thuê & lt; / a & gt;
      & lt; / div & gt;

    & lt; / div & gt;

    & lt; div class = "Rent-bar" & gt;
      & lt; h3 & gt; Thuê Catagories & lt; / h3 & gt;
      & lt; h3 & gt; Ánh sáng & lt; / h3 & gt;
      & lt; h3 & gt; Âm thanh & lt; / h3 & gt;
      & lt; h3 & gt; Video & lt; / h3 & gt;
      & lt; h3 & gt; Rigging & lt; / h3 & gt;
    & lt; / div & gt;
  & lt; / tiêu đề & gt;
  & lt; div class = "cột" & gt;
    & lt; a href = "#" & gt;
      & lt; div class = "column1" & gt;
        & lt; h3 & gt; Cho Thuê Khô & lt; / h3 & gt;
      & lt; / div & gt;
    & lt; / a & gt;
    & lt; a href = "#" & gt;
      & lt; div class = "column2" & gt;
        & lt; h3 & gt; Sản xuất & lt; / h3 & gt;
      & lt; / div & gt;
    & lt; / a & gt;
    & lt; a href = "#" & gt;
      & lt; div class = "column3" & gt;
        & lt; h3 & gt; Cài đặt & lt; / h3 & gt;
      & lt; / div & gt;
    & lt; / a & gt;
  & lt; / div & gt;
  & lt; div class = "main-content" & gt;
    & lt; div class = "left" & gt;
      & lt; h1 & gt; Giới thiệu tóm tắt & lt; / h1 & gt;
      & lt; p & gt; Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit, id phân biệt. Qui laboriosam labre nostrum ut accantium vel? Nam, eum differencetio illo at quae delectus tempore beatae placeat aliquam ut? & Lt; br & gt; Lorem ipsum dolor sit amet consectetur
        adipisicing elit. Explicabo, dolorum. Vero tạm thời repudiandae vitae. Officialia impedit nostrum inventore labre, hic quis, Illo, error incidunt iste quasi optio atque temporibus? & Lt; br & gt; Lorem ipsum dolor sit amet consectetur adipisicing elit.
        Natus adipisci, dolore dicta reploynderit quibusdam eum sunt reiciendis, saepe non perferendis rem iusto eos est fugit! Facilis cumque odio nisi libero? & Lt; / p & gt;
    & lt; / div & gt;
    & lt; div class = "right" & gt;
      & lt; h1 & gt; Tin tức & lt; / h1 & gt;
      & lt; br & gt;
      & lt; div class = "inner-column" & gt;
        & lt; div class = "inner-left" & gt;

        & lt; / div & gt;
        & lt; div class = "inner-right" & gt;
          & lt; h2 & gt; Thiết bị mới! & lt; / h2 & gt;
          & lt; p & gt; Gần đây, chúng tôi đã vận chuyển một số thiết bị mới! Kiểm tra danh mục tuyển dụng của chúng tôi để biết thêm thông tin! & Lt; / p & gt;
          & lt; a href = "#" & gt; Thông tin khác - & gt; & lt; / a & gt;
        & lt; / div & gt;
      & lt; / div & gt;
      & lt; br & gt;
      & lt; br & gt;
      & lt; div class = "inner-column" & gt;
        & lt; div class = "inner-left" & gt;

        & lt; / div & gt;
        & lt; div class = "inner-right" & gt;
          & lt; h2 & gt; Thiết bị mới! & lt; / h2 & gt;
          & lt; p & gt; Gần đây, chúng tôi đã vận chuyển một số thiết bị mới! Kiểm tra danh mục tuyển dụng của chúng tôi để biết thêm thông tin! & Lt; / p & gt;
          & lt; a href = "#" & gt; Thông tin khác - & gt; & lt; / a & gt;
        & lt; / div & gt;
      & lt; / div & gt;
    & lt; / div & gt;
  & lt; / div & gt;
  & lt; footer & gt;
    & lt; div class = "top-footer" & gt;
      & lt; div class = "site-map" & gt;
        & lt; div class = "footer-section" & gt;
          & lt; h3 & gt; Thuê Danh mục & lt; / h3 & gt;
          & lt; ul & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Âm thanh & lt; / a & gt; & lt; / li & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Ánh sáng & lt; / a & gt; & lt; / li & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Power & lt; / a & gt; & lt; / li & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Sản xuất & lt; / a & gt; & lt; / li & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Rigging & lt; / a & gt; & lt; / li & gt;
            & lt; li& gt; & lt; a href = "#" & gt; Màn & lt; / a & gt; & lt; / li & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Dàn & lt; / a & gt; & lt; / li & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Video & lt; / a & gt; & lt; / li & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Hiệu ứng & lt; / a & gt; & lt; / li & gt;
          & lt; / ul & gt;
        & lt; / div & gt;
        & lt; div class = "footer-section" & gt;
          & lt; h3 & gt; Dịch vụ & lt; / h3 & gt;
          & lt; ul & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Thuê Khô & lt; / a & gt; & lt; / li & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Sản xuất & lt; / a & gt; & lt; / li & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Cài đặt & lt; / a & gt; & lt; / li & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Sự kiện tùy chỉnh & lt; / a & gt; & lt; / li & gt;
          & lt; / ul & gt;
        & lt; / div & gt;
        & lt; div class = "footer-section" & gt;
          & lt; h3 & gt; Công ty & lt; / h3 & gt;
          & lt; ul & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Tin tức & lt; / a & gt; & lt; / li & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Gặp gỡ Nhóm & lt; / a & gt; & lt; / li & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Giới thiệu & lt; / a & gt; & lt; / li & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Nội dung pháp lý & lt; / a & gt; & lt; / li & gt;
          & lt; / ul & gt;
        & lt; / div & gt;
        & lt; div class = "footer-section" & gt;
          & lt; h3 & gt; Khách hàng & lt; / h3 & gt;
          & lt; ul & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Nhận Báo giá & lt; / a & gt; & lt; / li & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Khách hàng mới & lt; / a & gt; & lt; / li & gt;
            & lt; li & gt; & lt; a href = "#" & gt; Liên hệ với Chúng tôi & lt; / a & gt; & lt; / li & gt;
          & lt; / ul & gt;
        & lt; / div & gt;
      & lt; / div & gt;
    & lt; / div & gt;
    & lt; div class = "bottom-footer" & gt;
      & lt; div class = "logo-container" & gt;
        & lt; img src = "/ images / Business / logo-invert.png" alt = "Biểu trưng LPS" & gt;
      & lt; / div & gt;
      & lt; div class = "legal-info" & gt;
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, deleteniti voluptatem fugiat dolore vitae quis velit, quam eaque corporis perferendis incidunt enim beatae? Reploynderit modi Persiciatis omnis vitae officia mollitia!
      & lt; / div & gt;
    & lt; / div & gt;
  & lt; / footer & gt;
& lt; / body & gt;

& lt; / html & gt;  

Mọi thứ đều ở đúng thư mục vì nó nhập tệp tốt, chỉ không có gì xảy ra khi tôi nhấp vào.

Xem Thêm  Làm cho Footer dính vào cuối trang - chân trang dính vào dưới cùng

TIA


Xem thêm những thông tin liên quan đến chủ đề nơi đặt thẻ script trong html

10 – Sử dụng thẻ LINK và SCRIPT để nhúng CSS và Javascript vào trang web

  • Tác giả: SUNTECH VIỆT NAM
  • Ngày đăng: 2018-12-06
  • Đánh giá: 4 ⭐ ( 6035 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài học này chúng ta cùng nhau tìm hiểu về hai thẻ LINK và thẻ SCRIPT trong HTML. Hiểu các thuộc tính của hai thẻ này và vị trí đặt hai thẻ này trên trang HTM.
    – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
    Đăng ký kênh để nhận thông báo video mới nhất từ SUNTECH: https://goo.gl/1ZxwCS
    – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
    Link chi tiết các video học lập trình HTML tại SUNTECH:
    + Video học lập trình HTML: https://goo.gl/3tL3Tb
    – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
    Các thẻ hash tag quan trọng
    html link script
    – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
    Mọi chi tiết xin liên hệ:
    Contact Name: Phạm Kỳ Khôi
    Email: daotaolaptrinhsuntech@gmail.com | phamkykhoi.info@gmail.com
    Phone: 0942 668 586
    Zalo: 0942 668 586
    Website: https://goo.gl/1ZxwCS
    Facebook: https://goo.gl/mMFjAC
    Group Facebook: https://goo.gl/jbiv63
Xem Thêm  Ví dụ về tách chuỗi JavaScript sử dụng phương thức Split () - ví dụ về chuỗi phân tách javascript

Thẻ script trong HTML

  • Tác giả: freetuts.net
  • Đánh giá: 5 ⭐ ( 6905 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Thẻ script sẽ định nghĩa các đoạn mã Javascript nằm trong nó. Phần mã script có thể chứa các câu lệnh Javascript hoặc liên kết tới một file Javascript bên.

Nhúng JavaScript vào HTML

  • Tác giả: viettuts.vn
  • Đánh giá: 4 ⭐ ( 7851 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bạn có thể khai báo lệnh JavaScript ở bất cứ nơi nào trong tài liệu HTML. Tuy nhiên, các cách được ưu tiên nhất để nhúng JavaScript vào HTML như sau:

Nơi đặt JavaScript trong HTML

  • Tác giả: www.tinhocsoctrang.com
  • Đánh giá: 3 ⭐ ( 9527 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: JavaScript có thể được đặt trong hoặc trong của trang HTML.

Nên đặt thẻ <script> ở đâu trong HTML

  • Tác giả: www.codehub.com.vn
  • Đánh giá: 4 ⭐ ( 2629 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Khi học về cách nhúng mã JavaScript từ tập tin bên ngoài vào trang HTML thì em thấy nhiều tài liệu hướng dẫn nên đặt thẻ <script> để tham chiếu tới file bên ngoài nà…

Làm thế nào để thêm JavaScript trong HTML

  • Tác giả: www.hostinger.vn
  • Đánh giá: 5 ⭐ ( 5718 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Các trang tĩnh như chỉ chứa toàn HTML file thường chậm do phải xác thực tại server. JavaScript tăng trải nghiệm cho người dùng và tăng tính linh hoạt của website nhờ xác thực dữ liệu từ phía người dùng thay vì phía server. Bài hướng dẫn này sẽ chỉ bạn cách chèn JavaScript trong HTML.

Thẻ script trong HTML

  • Tác giả: vietjack.com
  • Đánh giá: 4 ⭐ ( 6362 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Thẻ script trong HTML – Học HTML cơ bản và nâng cao theo các bước đơn giản và dễ hiểu từ HTML là gì, Tag trong HTML, HTML tag, thẻ trong HTML, tổng hợp các thẻ HTML cơ bản, thẻ meta, thuộc tính, định dạng, thẻ trong HTML, commemnt, font, marquee, hình ảnh, link, bảng, frame, danh sách, layout, màu, form, background, style sheet, và sử dụng javascript.

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  Chuỗi JavaScript thành int - chuyển đổi từ chuỗi sang int javascript

By ads_php