Bất cứ khi nào bạn truy cập một trang web, có thể bạn sẽ nhấp vào một cái gì đó giống như một liên kết hoặc nút. Các liên kết đưa bạn đến một phần nhất định của trang, một trang khác của trang web hoặc một trang web hoàn toàn khác. Mặt khác, các nút thường được thao tác bởi các sự kiện JavaScript để chúng có thể kích hoạt một số

Bạn đang xem: html onclick new window

Bất cứ khi nào bạn truy cập một trang web, bạn có thể sẽ nhấp vào một cái gì đó giống như một liên kết hoặc một nút.

Các liên kết đưa bạn đến một phần nhất định của trang, một trang khác của trang web hoặc toàn bộ trang web khác. Mặt khác, các nút thường được thao tác bởi các sự kiện JavaScript để chúng có thể kích hoạt một số chức năng nhất định.

Trong hướng dẫn này, chúng ta sẽ khám phá hai cách khác nhau để thực thi các sự kiện nhấp chuột trong JavaScript bằng hai phương pháp khác nhau.

Đầu tiên, chúng ta sẽ xem xét kiểu onclick truyền thống mà bạn thực hiện ngay từ trang HTML. Sau đó, chúng ta sẽ xem cách hoạt động của “click” eventListner hiện đại hơn, cho phép bạn tách HTML khỏi JavaScript.

Cách sử dụng sự kiện onclick trong JavaScript

Sự kiện onclick thực thi một chức năng nhất định khi một nút được nhấp. Đây có thể là khi người dùng gửi biểu mẫu, khi bạn thay đổi nội dung nhất định trên trang web và những thứ khác tương tự.

Bạn đặt hàm JavaScript mà bạn muốn thực thi bên trong thẻ mở của nút.

Cú pháp onclick cơ bản

  & lt; phần tử onclick = "functionToExecute ()" & gt; Nhấp vào & lt; / element & gt;
 

Ví dụ:

Nút

  & lt; onclick = "functionToExecute ()" & gt; Nhấp vào & lt; / button & gt;
 

Lưu ý rằng thuộc tính onclick hoàn toàn là JavaScript. Giá trị mà nó nhận, là hàm bạn muốn thực thi, nói lên tất cả, vì nó được gọi ngay trong thẻ mở.

Trong JavaScript, bạn gọi một hàm bằng cách gọi tên của nó, sau đó bạn đặt một dấu ngoặc đơn sau mã định danh hàm (tên).

onclick ví dụ về sự kiện

Tôi đã chuẩn bị một số HTML cơ bản với một chút định dạng để chúng tôi có thể đưa sự kiện onclick vào thực tế.

  & lt; div & gt;
  & lt; p class = "name" & gt; freeCodeCamp & lt; / p & gt;
  & lt; nút & gt; Thay đổi thành nút & lt; / Blue & gt;
& lt; / div & gt;
 

Và đây là CSS để làm cho nó trông đẹp mắt, cùng với tất cả phần còn lại của đoạn mã mẫu:

  body {
   hiển thị: flex;
   align-các mục: trung tâm;
   justify-content: trung tâm;
   chiều cao: 100vh;
      }
P {
   kích thước phông chữ: 2rem;
}

cái nút {
    đệm: 7px;
    biên giới: không có;
    bán kính đường viền: 4px;
    con trỏ: con trỏ;
}

button.blue {
    màu nền: # 3498db;
}

button.green {
    màu nền: # 2ecc71;
}

button.orange {
   background-color: orangered;
}
 

Vì vậy, trên trang web, đây là những gì chúng tôi có:
changeColor

Mục đích của chúng tôi là thay đổi màu của văn bản thành màu xanh lam khi chúng tôi nhấp vào nút. Vì vậy, chúng tôi cần thêm thuộc tính onclick vào nút của mình, sau đó viết hàm JavaScript để thay đổi màu sắc.

Vì vậy, chúng tôi cần thực hiện một chút thay đổi trong HTML của mình:

  & lt; div & gt;
  & lt; p class = "name" & gt; freeCodeCamp & lt; / p & gt;
  & lt; nút onclick = "changeColor ()" & gt; Thay đổi thành Blue & lt; / button & gt;
& lt; / div & gt;
 

Hàm chúng ta muốn thực thi là changeColor () . Vì vậy, chúng tôi cần viết nó trong một tệp JavaScript hoặc trong tệp HTML bên trong thẻ & lt; script & gt; .

Nếu bạn muốn viết tập lệnh của mình trong một tệp JavaScript, bạn cần liên kết tập lệnh đó trong HTML bằng cú pháp bên dưới:

  & lt; script src = "path-to-javascript-file" & gt; & lt; / script & gt;
 

Nếu bạn muốn viết tập lệnh trong tệp HTML, chỉ cần đặt nó bên trong thẻ script:

  & lt; script & gt;
  // Tập lệnh của bạn
& lt; / script & gt;
 

Bây giờ, hãy viết hàm changeColor () của chúng ta.

Trước hết, chúng ta cần chọn phần tử mà chúng ta muốn thao tác, đó là văn bản freeCodeCamp bên trong thẻ & lt; p & gt; .

Trong JavaScript, bạn thực hiện điều đó với các phương thức getElementById () , getElementsByClassName () hoặc querySelector () của DOM. Sau đó, bạn lưu trữ giá trị trong một biến.

Trong hướng dẫn này, tôi sẽ sử dụng querySelector () vì nó hiện đại hơn và nhanh hơn. Tôi cũng sẽ sử dụng const để khai báo các biến của chúng tôi thay vì let var , bởi vì với const , mọi thứ là an toàn hơn vì biến trở thành chỉ đọc.

  const name = document.querySelector (". name");
 

Bây giờ chúng ta đã chọn văn bản, hãy viết hàm của chúng ta. Trong JavaScript, cú pháp hàm cơ bản trông giống như sau:

  function funcctionName () {
    // Làm gì
}
 

Vì vậy, chúng ta hãy viết chức năng của chúng tôi:

  function changeColor () {
    name.style.color = "blue";
}
 

Chuyện gì đang xảy ra?

Hãy nhớ từ HTML rằng changeColor () là hàm mà chúng ta sẽ thực thi. Đó là lý do tại sao giá trị nhận dạng hàm (tên) của chúng tôi được đặt thành changeColor . Nếu tên không tương quan với những gì trong HTML, nó sẽ không hoạt động.

Trong DOM (Mô hình đối tượng tài liệu, đề cập đến tất cả HTML), để thay đổi bất kỳ thứ gì liên quan đến kiểu, bạn cần viết “style” sau đó là dấu chấm (.). Tiếp theo là những gì bạn muốn thay đổi, đó có thể là màu sắc, màu nền, kích thước phông chữ, v.v.

Xem Thêm  Hướng dẫn cơ bản về HTML cho người mới bắt đầu: Cách viết, học và sử dụng nó - cách viết trang html

Vì vậy, bên trong hàm của chúng tôi, chúng tôi lấy biến tên mà chúng tôi đã khai báo để lấy văn bản freeCodeCamp, sau đó chúng tôi thay đổi màu thành xanh lam.

Màu văn bản của chúng tôi chuyển sang màu xanh lam bất cứ khi nào nút được nhấp vào:

changeColor < / p>

Mã của chúng tôi đang hoạt động!

Chúng tôi có thể tiến xa hơn một chút bằng cách thay đổi văn bản của mình thành nhiều màu sắc hơn:

  & lt; div & gt;
      & lt; p class = "name" & gt; freeCodeCamp & lt; / p & gt;
      & lt; button onclick = "changeColor ('blue')" class = "blue" & gt; Blue & lt; / button & gt;
      & lt; button onclick = "changeColor ('green')" class = "green" & gt; Green & lt; / button & gt;
      & lt; button onclick = "changeColor ('orangered')" class = "orange" & gt; Orange & lt; / button & gt;
& lt; / div & gt;
 

Vì vậy, những gì chúng tôi muốn làm là thay đổi văn bản thành xanh lam, xanh lục và đỏ cam.

Lần này, các hàm onclick trong HTML của chúng tôi nhận các giá trị của màu mà chúng tôi muốn thay đổi văn bản. Chúng được gọi là các tham số trong JavaScript. Hàm chúng tôi viết cũng có chức năng riêng, chúng tôi sẽ gọi là “màu sắc”.

Trang web của chúng tôi đã thay đổi một chút:

changeColors < / p>

Vì vậy, hãy chọn văn bản freeCodeCamp của chúng tôi và viết hàm để thay đổi màu của nó thành xanh lam, xanh lục và đỏ cam:

  const name = document.querySelector (". name");

function changeColor (màu) {
   name.style.color = color;
}
 

Khối mã trong hàm lấy biến tên (nơi chúng tôi lưu trữ văn bản freeCodeCamp của mình), sau đó đặt màu thành bất kỳ thứ gì chúng tôi đã chuyển vào các hàm changeColor () trong các nút HTML. < br />
changeColors

Cách sử dụng eventListener nhấp chuột trong JavaScript

Trong JavaScript, có nhiều cách để làm điều tương tự. Khi JavaScript tự phát triển theo thời gian, chúng tôi bắt đầu cần tách mã HTML, CSS và JavaScript để tuân thủ các phương pháp hay nhất.

Trình xử lý sự kiện có thể thực hiện điều này vì họ cho phép bạn tách JavaScript khỏi HTML. Bạn cũng có thể làm điều này với onclick, nhưng hãy thực hiện một cách tiếp cận khác ở đây.

Cú pháp eventListener cơ bản

  element.addEventListener ("type-of-event", functionToExecute)
 

Bây giờ, hãy thay đổi văn bản freeCodeCampt thành màu xanh lam bằng cách sử dụng click eventListner

Đây là HTML mới của chúng tôi:

  & lt; div & gt;
      & lt; p class = "name" & gt; freeCodeCamp & lt; / p & gt;
      & lt; nút & gt; Thay đổi màu & lt; / nút & gt;
 & lt; / div & gt;
 

Và đây là những gì nó trông như thế này:

colorChange < / p>

Lần này trong tập lệnh của chúng tôi, chúng tôi cũng cần chọn nút (không chỉ văn bản freeCodeCamp). Đó là bởi vì không có JavaScript trong thẻ mở của nút của chúng tôi, điều này thật tuyệt.

Vì vậy, tập lệnh của chúng tôi trông giống như sau:

  const name = document.querySelector (". name");
const btn = document.querySelector ("nút");

      btn.addEventListener ("click", function () {
        name.style.color = "blue";
 });
 

Chúng tôi cũng có thể tách hoàn toàn chức năng của mình khỏi eventListener và chức năng của chúng tôi sẽ vẫn như cũ:

 btn.addEventListener ("click", changeColor);
      function changeColor () {
        name.style.color = "blue";
}
 

changeColorWithEvents < / p>

Cách tạo nút “Hiển thị thêm” và “Hiển thị bớt” bằng JavaScrpit

Một trong những cách tốt nhất để học là tạo dự án, vì vậy hãy lấy những gì chúng ta đã học về onclick và “click” eventListner để xây dựng thứ gì đó.

Khi bạn truy cập một blog, bạn thường thấy phần trích dẫn của các bài báo trước tiên. Sau đó, bạn có thể nhấp vào nút “đọc thêm” để hiển thị phần còn lại. Hãy cố gắng làm điều đó.

Đây là HTML mà chúng tôi đang xử lý:

  & lt; article id = "content" & gt;
      & lt; p & gt;
        freeCodeCamp là một trong những nền tảng tốt nhất để học cách viết mã.
        freeCodeCamp có một chương trình giảng dạy chi tiết sẽ đưa bạn từ con số 0 đến
        anh hùng trong phát triển web, kỹ thuật phần mềm, máy học và
        hơn.
      & lt; / p & gt;

      & lt; p & gt;
        freeCodeCamp cũng có một kênh YouTube chứa hơn 1000 video trên
        phát triển web, kỹ thuật phần mềm, máy học, khoa học dữ liệu,
        phát triển web tự do, quản trị cơ sở dữ liệu và khá nhiều
        bất cứ thứ gì liên quan đến công nghệ. Để nhận thông tin cập nhật khi video được tải lên, bạn
        cần đăng ký kênh và bật thông báo. Bạn cũng có thể
        theo dõi freeCodeCamp trên Twitter, nơi liên kết đến các bài báo được viết tốt và
        video được tweet hàng ngày.
      & lt; / p & gt;

      & lt; p & gt;
        Vì không ai phải trả tiền để học cách viết mã trên freeCodeCamp,
        freeCodeCamp chạy trên các khoản đóng góp tự nguyện từ các nhà tài trợ trên khắp
        thế giới để trả lương cho nhân viên và duy trì máy chủ. Nếu bạn là
        đủ hào phóng xem xét việc tham gia cùng các nhà tài trợ.
      & lt; / p & gt;
    & lt; / bài báo & gt;

& lt; button onclick = "showMore ()" & gt; Hiển thị thêm & lt; / button & gt;
 

Đó là HTML đơn giản với một số thông tin về freeCodeCamp. Và có một nút mà chúng tôi đã đính kèm onclick vào. Hàm chúng tôi muốn thực thi là showMore () , chúng tôi sẽ viết sớm.

Không có CSS, đây là những gì chúng tôi có:
articleunstyled

Xem Thêm  Xóa cơ sở dữ liệu - SQL Server - cách xóa cơ sở dữ liệu sql

Nó không quá xấu nhưng chúng ta có thể làm cho nó trông đẹp hơn và hoạt động theo cách chúng ta muốn. Vì vậy, chúng tôi có một số CSS mà tôi sẽ giải thích bên dưới:

  & lt; style & gt;
      * {
        lề: 0;
        đệm: 0;
        box-sizing: border-box;
      }

      thân hình {
        nền: # f1f1f1;
        hiển thị: flex;
        align-các mục: trung tâm;
        justify-content: trung tâm;
        flex-hướng: cột;
      }

      bài báo {
        chiều rộng: 400px;
        nền: #fff;
        đệm: 20px 20px 0;
        font-size: 18px;
        chiều cao tối đa: 270px;
        tràn: ẩn;
        chuyển tiếp: max-height 1s;
        text-align: justify;
        margin-top: 20px;
      }

      P {
        margin-bottom: 16px;
      }

      article.open {
        chiều cao tối đa: 1000px;
      }

      cái nút {
        nền: # 0e0b22;
        màu: #fff;
        đệm: 0,6rem;
        margin-top: 20px;
        biên giới: không có;
        bán kính đường viền: 4px;
      }

      nút: di chuột {
        con trỏ: con trỏ;
        nền: # 1e1d25;
      }
& lt; / style & gt;
 

CSS đang làm gì?

Với bộ chọn đa năng ( * ), chúng tôi sẽ xóa phần lề và phần đệm mặc định được gán cho các phần tử để chúng tôi có thể thêm phần lề và phần đệm của riêng mình.

Chúng tôi cũng đặt kích thước hộp thành hộp có đường viền để chúng tôi có thể bao gồm phần đệm và đường viền trong tổng chiều rộng và chiều cao của các phần tử của chúng tôi.

Chúng tôi căn giữa mọi thứ trong phần thân với Flexbox và tạo cho nó một nền màu xám nhạt.

Phần tử & lt; article & gt; của chúng tôi, chứa văn bản, có chiều rộng 400px , nền trắng (#fff) và có phần đệm 20px tại trên cùng, 20 ở bên trái và bên phải và 0 ở dưới cùng.

Các thẻ đoạn bên trong nó có kích thước phông chữ là 18px và sau đó chúng tôi đã cung cấp cho chúng chiều cao tối đa là 270px . Do chiều cao tối đa của phần tử bài viết, tất cả văn bản sẽ không được chứa và sẽ tràn. Để khắc phục điều này, chúng tôi đặt tràn thành ẩn để không hiển thị văn bản đó lúc đầu.

Thuộc tính chuyển đổi đảm bảo rằng mọi thay đổi sẽ xảy ra sau 1 giây. Tất cả văn bản bên trong article đều được căn đều và có lề trên 20 pixel để không quá dính vào đầu trang.

Bởi vì chúng tôi đã loại bỏ lề mặc định, tất cả các đoạn văn của chúng tôi được đẩy lại với nhau. Vì vậy, chúng tôi đặt lề dưới là 16 pixel để tách chúng khỏi nhau.

Bộ chọn của chúng tôi, article.open, có thuộc tính max-height được đặt thành 1000px . Điều này có nghĩa là bất kỳ khi nào phần tử bài viết có lớp open được gắn vào nó, chiều cao tối đa sẽ thay đổi từ 270px thành 1000px để hiển thị phần còn lại của bài báo. Điều này có thể thực hiện được với JavaScript – công cụ thay đổi trò chơi của chúng tôi.

Chúng tôi đã tạo kiểu cho nút của mình với nền tối và làm cho nó có màu trắng. Chúng tôi đặt đường viền của nó thành không để xóa đường viền mặc định của HTML trên các nút và chúng tôi đã cung cấp cho nó bán kính đường viền là 4px để nó có đường viền hơi tròn.

Cuối cùng, chúng tôi đã sử dụng lớp giả hover trong CSS để thay đổi con trỏ nút thành con trỏ. Màu nền hơi thay đổi khi người dùng di con trỏ qua nó.

Chúng ta bắt đầu – đó là CSS.

Trang của chúng tôi hiện trông đẹp hơn:

actilestyled < / p>

Điều tiếp theo chúng tôi cần làm là viết JavaScript để có thể xem phần còn lại của bài viết bị ẩn.

Chúng tôi có thuộc tính onclick bên trong thẻ mở nút của chúng tôi sẵn sàng thực thi hàm showMore () , vì vậy hãy viết hàm.

Trước tiên, chúng tôi cần chọn bài viết của mình vì chúng tôi phải hiển thị phần còn lại của bài viết:

  const article = document.querySelector ("# content");
 

Điều tiếp theo chúng ta cần làm là viết hàm showMore () để chúng ta có thể chuyển đổi giữa việc xem phần còn lại của bài viết và ẩn nó.

  function showMore () {
     if (article.className == "open") {
       // đọc ít hơn
       article.className = "";
       button.innerHTML = "Hiển thị thêm";
     } khác {
       //đọc thêm
       article.className = "open";
       button.innerHTML = "Hiển thị ít hơn";
     }
  }
 

Chức năng này đang làm gì?

Chúng tôi sử dụng câu lệnh if… else tại đây. Đây là một phần quan trọng của JavaScript giúp bạn đưa ra quyết định trong mã của mình nếu một điều kiện nhất định được đáp ứng.

Cú pháp cơ bản giống như sau:

  if (condition == "something") {
  // Làm việc gì đó
} khác {
  // Làm việc gì khác
}
 

Tại đây, nếu tên lớp của bài viết bằng open (nghĩa là chúng tôi muốn thêm lớp mở vào nó, được đặt thành chiều cao tối đa là 1000px trong CSS), thì chúng tôi muốn xem phần còn lại của bài báo. Ngoài ra, chúng tôi muốn bài viết trở về trạng thái ban đầu, nơi một phần của bài viết bị ẩn.

Chúng tôi thực hiện điều này bằng cách gán cho nó một lớp mở trong khối else, lớp này làm cho nó hiển thị phần còn lại của bài viết. Sau đó, chúng tôi đặt lớp thành một chuỗi rỗng (không có) trong khối if, điều này làm cho nó trở về trạng thái ban đầu.

Mã của chúng tôi đang hoạt động tốt với quá trình chuyển đổi suôn sẻ:
article

Xem Thêm  Cách liên kết CSS với Html - cách liên kết css với tệp html

Chúng tôi có thể tách HTML và JavaScript và vẫn sử dụng onclick , vì onclick là JavaScript. Vì vậy, có thể viết điều này trong một tệp JavaScript thay vì bắt đầu từ HTML.

  button.onclick = function () {
     if (article.className == "open") {
       // đọc ít hơn
       article.className = "";
       button.innerHTML = "Hiển thị thêm";
     } khác {
       //đọc thêm
       article.className = "open";
       button.innerHTML = "Hiển thị ít hơn";
     }
  };
 

articleonclick < / p>

Chúng tôi cũng có thể thực hiện việc này bằng cách sử dụng eventListner:

  & lt; article id = "content" & gt;
      & lt; p & gt;
        freeCodeCamp là một trong những nền tảng tốt nhất để học cách viết mã.
        freeCodeCamp có một chương trình giảng dạy chi tiết sẽ đưa bạn từ con số 0 đến
        anh hùng trong phát triển web, kỹ thuật phần mềm, máy học và
        nhiều hơn nữa.
      & lt; / p & gt;

      & lt; p & gt;
        freeCodeCamp cũng có một kênh YouTube chứa hơn 1000 video trên
        phát triển web, kỹ thuật phần mềm, máy học, khoa học dữ liệu,
        phát triển web tự do, quản trị cơ sở dữ liệu và hơn thế nữa
        bất cứ thứ gì liên quan đến công nghệ. Để nhận thông tin cập nhật khi video được tải lên, bạn
        cần đăng ký kênh và bật thông báo. Bạn cũng có thể
        theo dõi freeCodeCamp trên Twitter, nơi liên kết đến các bài báo được viết tốt và
        video được tweet hàng ngày.
      & lt; / p & gt;

      & lt; p & gt;
        Vì không ai phải trả tiền để học cách viết mã trên freeCodeCamp,
        freeCodeCamp chạy trên các khoản đóng góp tự nguyện từ các nhà tài trợ trên khắp
        thế giới để trả lương cho nhân viên và duy trì máy chủ. Nếu bạn là
        đủ hào phóng xem xét việc tham gia cùng các nhà tài trợ.
      & lt; / p & gt;
& lt; / bài báo & gt;

& lt; button id = "read-more" & gt; Hiển thị thêm & lt; / button & gt;
 
 const article = document.querySelector ("# content");
 const button = document.querySelector ("# read-more");

button.addEventListener ("nhấp chuột", readMore);

function readMore () {
     if (article.className == "open") {
       // Đọc ít hơn
     article.className = "";
     button.innerHTML = "Hiển thị thêm";
   } khác {
     article.className = "open";
     button.innerHTML = "Hiển thị ít hơn";
   }
}
 

Chức năng của chúng tôi vẫn như cũ!

Kết luận

Tôi hy vọng hướng dẫn này sẽ giúp bạn hiểu cách hoạt động của sự kiện nhấp chuột trong JavaScript. Chúng tôi đã khám phá hai phương pháp khác nhau ở đây, vì vậy bây giờ bạn có thể bắt đầu sử dụng chúng trong các dự án mã hóa của mình.

Cảm ơn bạn đã đọc và tiếp tục viết mã.


Xem thêm những thông tin liên quan đến chủ đề html onclick cửa sổ mới

Stored XSS into onclick event with angle brackets … (Video solution, Audio)

alt

  • Tác giả: Michael Sommer
  • Ngày đăng: 2021-05-04
  • Đánh giá: 4 ⭐ ( 3649 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: This video shows the lab solution of “Stored XSS into onclick event with angle brackets and double quotes HTML-encoded and single quotes and backslash escaped” from Web Security Academy (Portswigger)

    Link to the lab: https://portswigger.net/web-security/cross-site-scripting/contexts/lab-onclick-event-angle-brackets-double-quotes-html-encoded-single-quotes-backslash-escaped

Đối tượng window trong javascript

  • Tác giả: toidicode.com
  • Đánh giá: 5 ⭐ ( 7380 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sau khi đã được tìm hiểu về DOM trong javascript rồi, thì bài này sẽ là bài mở đầu cho series BOM trong javascript.

Cách dùng đối tượng window trong Javascript

  • Tác giả: freetuts.net
  • Đánh giá: 5 ⭐ ( 7388 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tìm hiểu đối tượng window trong Javascript, qua đó sẽ giúp bạn biết được danh sách các phương thức và thuộc tính của window trong javascript

Tổng hợp sự kiện onclick trong html mới nhất 2020

  • Tác giả: xaydungweb.vn
  • Đánh giá: 5 ⭐ ( 7888 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Sự kiện onclick trong html là một trong những keyword được search nhiều nhất trên Google về chủ đề sự kiện onclick trong html. Trong bài viết này, cachthietkeweb.vn sẽ viết bài viết Tổng hợp sự kiện onclick trong html mới nhất 2020.

Tổng hợp 20 mẫu thiết kế cửa sổ đẹp 2022

  • Tác giả: nhaxinhcenter.com.vn
  • Đánh giá: 3 ⭐ ( 5457 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bất kỳ một không gian sống nào cũng đều không thể thiếu những ô cửa sổ, bởi cửa sổ là nơi đón ánh nắng cũng như dẫn lối những ngọn gió mát vào bên trong ngôi nhà, nhờ thế mà không gian sống của bạn có sự gần gũi với thiên nhiên. Mỗi ngôi nhà có một thiết kế khác nhau, chính vì thế, việc lựa chọn cửa sổ phù hợp là một quá trình phức tạp và khó khăn bởi vì hơn hết cửa sổ phản ánh phong cách kiến trúc tổ ấm của bạn. Hiện nay, có rất nhiều loại cửa sổ và mỗi loại có những đặc tính riêng, phù hợp với từng nhà. Đừng bỏ qua những mẫu thiết kế cửa sổ nhà đẹp mới nhất dưới đây nhé!

Tạo sự kiên click chuốt vào button thì tạo ra 1 form mới – Cộng đồng Java Việt Nam

  • Tác giả: congdongjava.com
  • Đánh giá: 4 ⭐ ( 7564 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Em mới đang lọ mọ học Java. Có chút vấn đề muốn hỏi các bậc tiền bối.
    Có cái đề bài sau:
    Đề bài: Sử dụng ngôn ngữ lập trình java và công cụ netbean tạo…

Liên kết HTML trong một cửa sổ mới

  • Tác giả: www.rapidtables.org
  • Đánh giá: 5 ⭐ ( 9225 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách mở liên kết trong cửa sổ mới hoặc tab mới.

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

By ads_php