Chức năng nào được sử dụng để in thông báo bật lên JavaScript?

Để bật lên hộp thoại in bằng JavaScript, hãy sử dụng phương thức print(). Với hộp thoại, bạn có thể dễ dàng thiết lập các tùy chọn in như chọn máy in nào để in

Show

Đây là hộp thoại -

Chức năng nào được sử dụng để in thông báo bật lên JavaScript?

Thí dụ

Bạn có thể thử chạy đoạn mã sau để tìm hiểu cách in một trang -

Bản thử trực tiếp


   
      Click to Print
      
   

Chức năng nào được sử dụng để in thông báo bật lên JavaScript?


Chức năng nào được sử dụng để in thông báo bật lên JavaScript?

Hộp bật lên (hoặc hộp thoại) là cửa sổ phương thức được sử dụng để thông báo hoặc cảnh báo người dùng hoặc để nhận đầu vào từ người dùng

Hộp bật lên ngăn người dùng truy cập vào các khía cạnh khác của chương trình cho đến khi cửa sổ bật lên được đóng lại, vì vậy không nên lạm dụng chúng

Có ba loại phương thức bật lên khác nhau được sử dụng trong JavaScript. cửa sổ. cảnh báo(), cửa sổ. xác nhận() và cửa sổ. lời nhắc()

Báo động

Phương thức cảnh báo hiển thị các thông báo không yêu cầu người dùng nhập phản hồi. Khi chức năng này được gọi, một hộp thoại cảnh báo sẽ xuất hiện với thông báo (tùy chọn) được chỉ định. Người dùng sẽ được yêu cầu xác nhận tin nhắn trước khi cảnh báo biến mất

Thí dụ

var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
48

Chức năng nào được sử dụng để in thông báo bật lên JavaScript?

Xác nhận

Phương thức xác nhận tương tự như

var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
49, nhưng cũng hiển thị nút hủy trong cửa sổ bật lên. Các nút trả về giá trị boolean. true cho OK và false cho Cancel

Thí dụ

var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
Chức năng nào được sử dụng để in thông báo bật lên JavaScript?

Lời nhắc

Phương thức nhắc thường được sử dụng để nhận văn bản đầu vào từ người dùng. Hàm này có thể nhận hai đối số, cả hai đều là tùy chọn. một thông báo để hiển thị cho người dùng và một giá trị mặc định để hiển thị trong trường văn bản

Thí dụ

var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
50

Chức năng nào được sử dụng để in thông báo bật lên JavaScript?

Tùy chọn thiết kế khác

Nếu bạn không hài lòng với các cửa sổ bật lên JavaScript mặc định, bạn có thể thay thế bằng các thư viện giao diện người dùng khác nhau. Ví dụ: SweetAlert cung cấp một sự thay thế tuyệt vời cho các phương thức JavaScript tiêu chuẩn. Bạn có thể đưa nó vào HTML của mình thông qua CDN (mạng phân phối nội dung) và bắt đầu sử dụng

Cú pháp là như vậy.

var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
51

swal("Oops!", "Something went wrong on the page!", "error");

Đoạn mã trên sẽ tạo ra cửa sổ bật lên sau

SweetAlert không phải là sự thay thế duy nhất cho các phương thức tiêu chuẩn, nhưng nó rõ ràng và dễ thực hiện

Thêm thông tin

  • cửa sổ MDN. báo động()
  • cửa sổ MDN. xác nhận()
  • cửa sổ MDN. lời nhắc()

QUẢNG CÁO

QUẢNG CÁO

QUẢNG CÁO


Nếu bài viết này hữu ích, hãy tweet nó

Học cách viết mã miễn phí. Chương trình giảng dạy mã nguồn mở của freeCodeCamp đã giúp hơn 40.000 người có được việc làm với tư cách là nhà phát triển. Bắt đầu

Tiết lộ. Hỗ trợ của bạn giúp giữ cho trang web hoạt động. Chúng tôi kiếm được phí giới thiệu cho một số dịch vụ chúng tôi đề xuất trên trang này. Tìm hiểu thêm

Xin lưu ý.
Tất cả các tập lệnh trong hướng dẫn này đều hoạt động hoàn chỉnh. Tuy nhiên, một số thuộc tính không còn được hỗ trợ bởi các trình duyệt hiện đại. Để biết thông tin về JavaScript hiện đại, hãy xem hướng dẫn JavaScript của chúng tôi.

Cửa sổ bật lên là cửa sổ trình duyệt web nhỏ hơn cửa sổ tiêu chuẩn và không có một số tính năng tiêu chuẩn như thanh công cụ hoặc thanh trạng thái. Ví dụ: liên kết này sẽ mở một cửa sổ bật lên cỡ trung bình. Cửa sổ bật lên (còn gọi là cửa sổ bật lên) phổ biến đối với các trang kiểu thanh bên nhỏ là phần lạc đề từ trang chính

Cửa sổ bật lên là một trong những hiệu ứng phức tạp nhất trong phát triển web. Nhiều nhà phát triển web đã rơi nước mắt khi cố gắng làm cho cửa sổ bật lên hoạt động chính xác. Hơn nữa, một số kỹ thuật bật lên vô trách nhiệm đã làm cho nhiều trang web bị vô hiệu hóa và công cụ tìm kiếm không thể truy cập được

Hướng dẫn này sẽ hướng dẫn bạn từng bước tạo cửa sổ bật lên, bao gồm cả việc cung cấp cho bạn một bộ mã JavaScript sao chép và dán hoàn chỉnh. Chúng tôi sẽ bắt đầu với một ví dụ cơ bản, hiển thị các phần chính cho cửa sổ bật lên. Sau đó, chúng tôi sẽ hiển thị các kỹ thuật nhắm mục tiêu liên kết bên trong cửa sổ bật lên quay lại trang chính. Cuối cùng, chúng ta sẽ xem xét nhiều tham số cho lệnh open() bổ sung các tính năng cho cửa sổ bật lên của bạn

nội dung

Những thứ cơ bản

Chúng tôi sẽ bắt đầu hướng dẫn bằng cách tạo một cửa sổ bật lên cơ bản. Kỹ thuật được mô tả ở đây giải quyết tất cả các vấn đề chính trong cửa sổ bật lên. Cửa sổ bật lên luôn xuất hiện ở phía trước. Các liên kết khác nhau có thể nhắm mục tiêu cùng một cửa sổ bật lên. Mã đơn giản và dễ dàng sửa đổi. Mọi thứ cho phần còn lại của hướng dẫn là một biến thể của chủ đề được mô tả ở đây

Mã trong trang này tạo cửa sổ bật lên được mở từ liên kết. Trong phần này, chúng tôi sẽ hiển thị mã chỉ với mô tả tối thiểu mà bạn cần để thực hiện. Để biết thêm chi tiết, xem

Đầu tiên, sao chép tập lệnh này vào phần “ trên trang của bạn


Hiện tại, chúng tôi sẽ bỏ qua các chi tiết về cách hoạt động của tập lệnh–mặc dù chúng tôi sẽ quay lại với chúng trong phần mô tả từng dòng một–và chuyển sang bước tiếp theo. Tập lệnh trên sẽ mở cửa sổ bật lên, nhưng cần có thứ gì đó để chạy tập lệnh. Tình huống phổ biến nhất là tập lệnh được chạy khi người dùng nhấp vào liên kết. Một liên kết như sau sẽ chạy tập lệnh

my popup

Và tạo liên kết này

cửa sổ bật lên của tôi

Hầu hết các liên kết là như bình thường. URL của trang được liên kết nằm trong thuộc tính HREF. Chúng tôi đã thêm một thuộc tính bổ sung gọi là onClick. Sao chép mã nguyên trạng vào liên kết của bạn, chỉ với một sửa đổi nhỏ. Đối số thứ hai của cửa sổ bật lên () - 'ghi chú' - cho biết tên của cửa sổ bật lên. Mỗi cửa sổ bật lên phải có tên riêng. Đảm bảo đặt tên trong dấu nháy đơn (”). Vì vậy, nếu bạn muốn đặt tên cho cửa sổ bật lên là 'stevie' thì đây sẽ là mã

my popup

Hãy đọc phần tiếp theo này nếu không bạn sẽ phát điên khi cố gắng tìm ra lý do tại sao cửa sổ bật lên của bạn không hoạt động

Một điểm nhỏ nhưng quan trọng thường bị bỏ qua. Lệnh trong

onClick="return popup(this, 'notes')"
1 phải bắt đầu bằng
onClick="return popup(this, 'notes')"
2 nếu không tập lệnh sẽ không hoạt động. Hãy chắc chắn bắt đầu lệnh với
onClick="return popup(this, 'notes')"
2 như thế này

onClick="return popup(this, 'notes')"

Và không đặt khoảng trắng trong tên trang giữa các dấu nháy đơn. Nếu bạn làm như vậy, liên kết sẽ hoạt động giống như một liên kết thông thường

Cửa sổ bật lên từ bản đồ hình ảnh

Trong biến thể đầu tiên của chúng tôi, chúng tôi sẽ mở cửa sổ bật lên từ bản đồ hình ảnh thay vì từ một neo thông thường. Chúng tôi sẽ sử dụng cùng một tập lệnh như từ ví dụ đầu tiên của chúng tôi. Với tập lệnh đó, thẻ

onClick="return popup(this, 'notes')"
4 trong bản đồ hình ảnh có thể được tạo để mở cửa sổ bật lên theo cách chính xác như thẻ
onClick="return popup(this, 'notes')"
5

var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
3

Cung cấp cho chúng tôi bản đồ hình ảnh này

Chức năng nào được sử dụng để in thông báo bật lên JavaScript?

Cửa sổ bật lên tự động mở

Trong hai ví dụ đầu tiên, cửa sổ bật lên được mở khi người dùng nhấp vào thứ gì đó. Trong ví dụ này, cửa sổ bật lên tự động mở

Chúng tôi sẽ sử dụng cùng một tập lệnh như trong ví dụ đầu tiên. Vì vậy, hãy đảm bảo rằng bạn đã dán đoạn mã này vào phần “ của tài liệu html


Để tự động tải cửa sổ bật lên, thay vì chạy tập lệnh từ liên kết, hãy chạy tập lệnh từ thuộc tính onLoad của thẻ “ như thế này

var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
5

Để chứng minh cách thức hoạt động của điều này, chúng tôi sẽ cần tải lên một thẻ

onClick="return popup(this, 'notes')"
6. Nhấp vào nút bên dưới để tải thẻ
onClick="return popup(this, 'notes')"
6 trong
onClick="return popup(this, 'notes')"
8 để chúng tôi có thể thấy cửa sổ bật lên tự động tải ngay khi
onClick="return popup(this, 'notes')"
8 tải xong

Tải cửa sổ bật lên

Lệnh trong

var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
30 được chạy khi tải xong tài liệu. Giống như trong ví dụ trước của chúng tôi, lệnh chạy
var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
31, nhưng lần này đối số đầu tiên cho
var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
31 hơi khác một chút. Trong ví dụ trước, chúng tôi đặt
var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
33, nghĩa là chính liên kết và tập lệnh lấy URL từ liên kết. Trong trường hợp này không có liên kết nên chúng tôi chuyển URL thực để mở. Vì vậy, trong ví dụ của chúng tôi, chúng tôi đặt 'autopopup. html`

Dưới mui xe. Chi tiết về Popup Script

Trong phần này, chúng ta sẽ xem xét các chi tiết kỹ thuật của tập lệnh bật lên

Kịch bản

Trước tiên hãy xem chức năng tập lệnh mở cửa sổ bật lên. Chức năng này có thể được gọi từ nhiều đối tượng như liên kết, bản đồ hình ảnh hoặc phần tử “ để tự động mở cửa sổ bật lên


Dòng 1 mở phần tử tập lệnh. Dòng 2 bắt đầu hàm popup(), lấy hai đối số. Đối số đầu tiên, mylink, là đối tượng (liên kết hoặc bản đồ hình ảnh) gọi hàm hoặc nó có thể là một chuỗi biểu thị URL cho cửa sổ bật lên. Đối số thứ hai, tên cửa sổ, là tên duy nhất cho cửa sổ bật lên. Mỗi cửa sổ bật lên phải có một tên duy nhất. Nhiều liên kết có thể nhắm mục tiêu cùng một cửa sổ bật lên bằng cách sử dụng cùng một tên cửa sổ bật lên duy nhất

Dòng 3 kiểm tra sự tồn tại của cửa sổ. phương pháp tập trung. cửa sổ. trọng tâm là cách chúng tôi đưa cửa sổ bật lên lên phía trước mọi lúc, mặc dù nó đã được mở. Một số trình duyệt cũ không có cửa sổ. tiêu điểm — những trình duyệt đó xuống cấp một cách duyên dáng bằng cách không hoạt động và chuyển đến URL của cửa sổ bật lên trong cửa sổ hiện tại. Lưu ý rằng không có dấu ngoặc đơn sau cửa sổ. tiêu điểm vì chúng tôi đang kiểm tra sự tồn tại của chức năng, không chạy nó

Dòng 4 khai báo biến href, chứa URL mà cửa sổ bật lên sẽ điều hướng đến. Dòng 5 và 6 tìm ra URL đó là gì. Trong 5, chúng tôi kiểm tra xem mylink có phải là một chuỗi không. Nếu là chuỗi ta gán cho href giá trị của chuỗi. Nếu mylink không phải là một chuỗi thì chúng tôi giả sử nó là một đối tượng

onClick="return popup(this, 'notes')"
5 hoặc
onClick="return popup(this, 'notes')"
4 và trong dòng 6 gán cho href giá trị của thuộc tính href đối tượng (được đặt trong thuộc tính HREF của thẻ
onClick="return popup(this, 'notes')"
5 hoặc
onClick="return popup(this, 'notes')"
4)

Dòng 7 là nhân thực sự của toàn bộ chức năng — đây là nơi cửa sổ bật lên thực sự được mở. cửa sổ. open() nhận ba đối số. Đầu tiên là URL để mở trong cửa sổ bật lên. Trong tập lệnh của chúng tôi, chúng tôi sử dụng biến mylink. Thứ hai là tên duy nhất của cửa sổ bật lên — chúng tôi sử dụng biến windowname. Đối số thứ ba là một chuỗi chứa danh sách thuộc tính được phân tách bằng dấu phẩy của cửa sổ. Các thuộc tính này được giải thích chi tiết hơn

Trong dòng 8, chúng tôi trả về false để hủy nhấp vào liên kết. Nếu chúng tôi không trả về false, liên kết sẽ điều hướng cửa sổ hiện tại đến URL của cửa sổ bật lên

Cuối cùng, dòng 9 đóng hàm popup() và dòng 10 đóng tập lệnh

Liên kết

Bây giờ hãy xem liên kết mở cửa sổ bật lên

9

Giống như liên kết thông thường, thẻ

onClick="return popup(this, 'notes')"
5 có thuộc tính
var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
39 có thuộc tính

0. Ngoài ra, liên kết bật lên của chúng tôi có thuộc tính
onClick="return popup(this, 'notes')"
1. Khi người dùng nhấp vào liên kết, mã trong
onClick="return popup(this, 'notes')"
1 được kích hoạt

Mã bắt đầu bằng return. Một trong những thuộc tính của

onClick="return popup(this, 'notes')"
1 là nếu mã trả về false thì sự kiện nhấp chuột sẽ bị hủy. Hãy nhớ cách tập lệnh trả về false ở cuối? . Khi người dùng nhấp vào liên kết, mã sẽ hủy nhấp chuột và mở cửa sổ bật lên theo cách riêng của nó

Sau khi trả về, mã gọi hàm

var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
31 với hai đối số. Đối số đầu tiên,
var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
33, cho biết chính đối tượng liên kết. Tập lệnh sử dụng tham chiếu đối tượng này để lấy URL cho cửa sổ bật lên. Bằng cách chuyển tham chiếu đối tượng thay vì nhập URL hai lần, chúng tôi tránh được các sự cố cố hữu với thông tin dư thừa. Nếu bạn thay đổi URL hoặc sao chép và dán mã cho một liên kết khác, bạn chỉ cần thay đổi URL ở một nơi. Lưu ý rằng
var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
33 không được đặt trong dấu ngoặc kép

Đối số thứ hai là một tên duy nhất cho cửa sổ bật lên. Mỗi cửa sổ bật lên phải có tên riêng. Các liên kết khác nhau có thể nhắm mục tiêu cùng một cửa sổ bật lên bằng cách sử dụng cùng một tên. Lưu ý rằng tên phải được đặt trong dấu nháy đơn (”)

Những sự kiện

Hãy xem qua các sự kiện mở cửa sổ bật lên. Khi người dùng nhấp vào một liên kết, trình duyệt sẽ kích hoạt sự kiện

onClick="return popup(this, 'notes')"
1, chạy mã trong thuộc tính
onClick="return popup(this, 'notes')"
1. Bởi vì từ đầu tiên là trả về, trình duyệt sẽ xem liệu giá trị đúng hay sai được trả về. Lệnh sau khi trả về gọi hàm
var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
31, chuyển tham chiếu đến đối tượng liên kết và chuỗi chứa tên duy nhất của cửa sổ bật lên

Trước tiên, tập lệnh kiểm tra xem trình duyệt có hiểu cửa sổ không. phương pháp lấy nét (dòng 5)

Nếu trình duyệt không có cửa sổ. focus (điều này sẽ xảy ra trong một số trình duyệt cũ hơn) thì tập lệnh trả về true, tập lệnh này sẽ được trả về từ trình xử lý sự kiện onClick. Vì

onClick="return popup(this, 'notes')"
1 trả về true nên quá trình kết nối với URL vẫn tiếp tục như bình thường trong cửa sổ hiện tại

Hầu hết các trình duyệt sẽ có cửa sổ. tập trung, vì vậy kịch bản tiếp tục. Bắt đầu từ dòng 7, tập lệnh kiểm tra xem đối số đầu tiên (mylink) là một chuỗi hay một tham chiếu đối tượng. Thử nghiệm này mang lại tính linh hoạt cho chức năng bằng cách cho phép chúng tôi gọi nó từ một đối tượng liên kết hoặc từ sự kiện onLoad của phần tử “. Dù bằng cách nào thì tập lệnh cũng nhận được một URL để trỏ cửa sổ bật lên tới

Tiếp theo, tập lệnh thực sự mở cửa sổ bật lên bằng URL và tên duy nhất. Cuối cùng, tập lệnh trả về false. Quay lại liên kết, giá trị sai sẽ hủy sự kiện nhấp chuột — không còn cần thiết vì cửa sổ bật lên đã được mở

Cửa sổ bật lên từ một biểu mẫu

Đối với biến thể tiếp theo của chúng tôi về chủ đề cửa sổ bật lên, chúng tôi sẽ mở cửa sổ bật lên từ một biểu mẫu. Trong ví dụ này, chúng tôi sẽ thay đổi tập lệnh xung quanh. Tập lệnh sau được thiết kế tùy chỉnh để mở cửa sổ bật lên từ biểu mẫu. Bây giờ chúng tôi sẽ trình bày chi tiết về cách thức hoạt động của tập lệnh. Để biết chi tiết đẫm máu về kịch bản này, hãy xem Under the Hood. Cửa sổ bật lên từ tập lệnh biểu mẫu

Tập lệnh này hoạt động với các biểu mẫu sử dụng cả

var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
51 và
var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
52. Sao chép chính xác tập lệnh sau vào phần “ trong tài liệu của bạn


5

Bây giờ chúng tôi sẽ thêm một số mã để cửa sổ bật lên mở ra khi người dùng gửi biểu mẫu. Thêm thuộc tính

var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
53 vào thẻ
var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
54

my popup
0

Đối số đầu tiên cho

var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
55 luôn là this, nghĩa là chính biểu mẫu. Đối số thứ hai, 'tham gia' trong trường hợp này, là một tên duy nhất cho cửa sổ bật lên

tên.
email.

Dưới mui xe. Cửa sổ bật lên từ tập lệnh biểu mẫu

Trong phần này, chúng ta sẽ xem xét các chi tiết kỹ thuật về cách mở cửa sổ bật lên cho kết quả của một biểu mẫu

Kịch bản

Trước tiên, hãy xem tập lệnh được sử dụng để mở cửa sổ bật lên từ một biểu mẫu

my popup
1

Tập lệnh này hơi khác một chút so với tập lệnh mà chúng tôi đã sử dụng trong hầu hết các ví dụ khác của mình. Sự khác biệt chính là với một liên kết, chúng tôi mở cửa sổ bật lên bằng URL của liên kết, sau đó hủy sự kiện

onClick="return popup(this, 'notes')"
1. Với các biểu mẫu, chúng tôi mở một cửa sổ bật lên trống, nhắm mục tiêu biểu mẫu tại cửa sổ bật lên và chúng tôi không hủy sự kiện
var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
53

Dòng 1 bắt đầu phần tử tập lệnh và dòng 2 bắt đầu hàm

var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
55.
var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
55 có hai đối số. Đối số đầu tiên,

0, đề cập đến chính biểu mẫu. Đối số thứ hai,

1, đặt tên duy nhất cho cửa sổ bật lên

Kiểm tra dòng 3 cho cửa sổ. phương pháp tiêu điểm được yêu cầu để đưa cửa sổ bật lên lên phía trước mỗi lần

Dòng 4 mở cửa sổ bật lên. Lưu ý rằng chúng tôi không cung cấp cho cửa sổ bật lên một URL. Khi cửa sổ bật lên mở ra, nó trống. Dòng 5 đặt thuộc tính đích của biểu mẫu thành tên của cửa sổ bật lên, vì vậy khi biểu mẫu mở ra, nó nhắm mục tiêu cửa sổ bật lên thay vì trang hiện tại

6 trả về đúng. Về mặt kỹ thuật, dòng này không cần thiết vì trong thuộc tính

var result = window.confirm('Are you sure?');
if (result === true) {
    window.alert('Okay, if you're sure.');
} else { 
    window.alert('You seem uncertain.');
}
53, chúng tôi không sử dụng return. Tuy nhiên, rất dễ quên và đặt câu lệnh return vào… 6 làm cho tập lệnh có khả năng chịu lỗi cao hơn một chút

Dòng 7 đóng chức năng và 8 đóng tập lệnh

Nhắm mục tiêu người mở

Khi một cửa sổ bật lên đã được tạo, liên kết từ cửa sổ bật lên trở lại cửa sổ chính (i. e. cửa sổ mở cửa sổ bật lên) phức tạp hơn một chút so với dự kiến. Vấn đề là cửa sổ chính không có “tên” như cửa sổ bật lên. May mắn thay, JavaScript cung cấp câu trả lời ở dạng


3

Để tạo liên kết trong cửa sổ bật lên nhắm mục tiêu trở lại cửa sổ chính, trước tiên hãy đặt JavaScript này vào trang bật lên

my popup
2

Một liên kết sử dụng tập lệnh này trông như thế này

my popup
3

Cửa sổ bật lên được khởi chạy khi bạn nhấp vào nút bên dưới bao gồm liên kết đó

Mở cửa sổ bật lên

Đóng cửa sổ bật lên khi họ truy cập công cụ mở

Trong ví dụ trước, liên kết trong cửa sổ bật lên nhắm đến trang chính, nhưng cửa sổ bật lên vẫn mở ở chế độ nền sau khi người dùng nhấp vào liên kết. Trong phần này, chúng tôi sẽ đặt liên kết để nó đóng cửa sổ bật lên sau khi nhấp

Hàm


4 nhận ba tham số. Đầu tiên luôn là cái này, nghĩa là chính liên kết đó. Tham số thứ hai và thứ ba là tùy chọn và mặc định là sai. (Lưu ý rằng chúng tôi không sử dụng chúng trong ví dụ trên, chúng tôi sẽ sớm sử dụng chúng. ) Tham số thứ hai cho biết cửa sổ bật lên có nên đóng hay không. Thứ ba là liệu liên kết có thực sự gửi công cụ mở đến tài nguyên được liên kết hay không hoặc nếu công cụ mở chỉ lấy tiêu điểm bất kể trang hiện tại của nó là gì. Tham số thứ ba cung cấp một cách an toàn để đóng cửa sổ bật lên sau khi đóng, nhưng vẫn có liên kết đến trang hiện có nếu cửa sổ không thực sự là cửa sổ bật lên (chẳng hạn như nếu người dùng tìm thấy trang thông qua công cụ tìm kiếm)

Khi người dùng nhấp vào liên kết,


4 sẽ kiểm tra xem trình duyệt có lệnh tiêu điểm hay không (một số trình duyệt cũ hơn thì không) và liệu cửa sổ hiện tại có được mở bởi một cửa sổ khác không. Nếu những điều kiện này là đúng thì cửa sổ trình mở sẽ lấy tiêu điểm, trình mở được chuyển hướng đến URL được tham chiếu và tập lệnh trả về false. Vì hàm trả về false nên liên kết không đi tới URL (tập lệnh đã thực hiện việc đó). Lưu ý rằng liên kết nhắm mục tiêu trình mở hơi khác so với liên kết đã mở cửa sổ bật lên để bắt đầu. Trong liên kết này,
onClick="return popup(this, 'notes')"
1 nói “return goOpener(this)”… các liên kết ở các trang trước không sử dụng return

Theo mặc định, cửa sổ bật lên vẫn mở nhưng ở chế độ nền. Nếu bạn muốn đóng cửa sổ bật lên sau khi quay lại trình mở, hãy thêm tham số thứ hai là true vào lệnh gọi hàm


4

my popup
4

Nhấp vào liên kết bên dưới để khởi chạy cửa sổ bật lên chứa liên kết này

Mở cửa sổ bật lên

Đóng cửa sổ bật lên

Nếu bạn chỉ muốn đóng cửa sổ bật lên mà không làm gì khác, hãy thêm một giá trị đúng khác. Bạn vẫn nên liên kết đến một URL hợp lệ trong trường hợp người dùng tìm thấy trang mà không mở nó dưới dạng cửa sổ bật lên

my popup
5

Nhấp vào liên kết bên dưới để khởi chạy cửa sổ bật lên chứa liên kết này

Mở cửa sổ bật lên

Cho đến bây giờ, chúng tôi đã tập trung vào quá trình mở và đóng cửa sổ bật lên. Bây giờ chúng ta sẽ chuyển sang các thuộc tính của chính cửa sổ bật lên. Tất cả các thuộc tính của cửa sổ bật lên được đặt trong lệnh


8. Chúng tôi đã sử dụng

8 trong mọi tập lệnh trong hướng dẫn này

Cụ thể, các thuộc tính của cửa sổ bật lên được đặt trong đối số thứ ba cho


8, đây là danh sách các thuộc tính cho cửa sổ bật lên. Các thuộc tính được đặt hơi giống với cách các thuộc tính HTML được đặt. tên của thuộc tính theo sau là dấu bằng theo sau là giá trị. Các thuộc tính được phân tách bằng dấu phẩy. Do lỗi phổ biến trong MSIE, không đặt bất kỳ khoảng trống nào trong danh sách thuộc tính. Toàn bộ danh sách thuộc tính nằm trong dấu ngoặc kép. Vì vậy, ví dụ, dòng mã sau đặt chiều rộng thành 400, chiều cao thành 200 và bật thanh cuộn

my popup
6

Chúng tôi sẽ bắt đầu với các thuộc tính chiều rộng và chiều cao, luôn được yêu cầu ngoại trừ ở chế độ toàn màn hình. Tất cả các thuộc tính khác là tùy chọn. Đây là danh sách các thuộc tính bật lên

  • 92 và
    93. kích thước của cửa sổ bật lên
  • 94 và
    95. khoảng cách từ phía trên và bên trái của màn hình
  • 96. nếu cửa sổ bật lên có một tập hợp các nút điều hướng ở trên cùng
  • 97. nếu cửa sổ bật lên có thanh vị trí nơi URL được hiển thị
  • 98. nếu cửa sổ bật lên phải có một hàng ở trên cùng với các nút dẫn đến các trang web phổ biến
  • 99. nếu cửa sổ bật lên phải có một thanh trạng thái ở phía dưới
  • 
    
    50. nếu cửa sổ bật lên nên có một menu
  • 
    
    51. nếu cửa sổ bật lên có thanh cuộn
  • 
    
    52. nếu người dùng có thể thay đổi kích thước cửa sổ bật lên
  • 
    
    53. nếu cửa sổ bật lên sẽ đóng khi cửa sổ mở của nó đóng
  • 
    
    54. cách mở cửa sổ bật lên toàn màn hình
  • 
    
    55. Chế độ kênh của MSIE

Tham số 92 và 93


58 và
93 là các thuộc tính bắt buộc duy nhất cho cửa sổ bật lên. Dòng này trong tập lệnh bật lên của chúng tôi tạo cửa sổ bật lên rộng 400 và cao 200

my popup
7

Cái nào tạo ra cửa sổ bật lên này

Tham số 94 và 95

Thuộc tính

94 và
95 đặt vị trí của cửa sổ bật lên trên màn hình. Nếu bạn không đặt
94 và
95, trình duyệt sẽ đặt cửa sổ bật lên ở nơi nó muốn. Ví dụ: lệnh này trong tập lệnh bật lên sẽ đặt cửa sổ bật lên bên trái từ bên trái màn hình và trên cùng từ trên xuống

my popup
8

Cái nào tạo ra cửa sổ bật lên này

Tham số 96

Thuộc tính

96 cho biết liệu có nên có thanh công cụ trong cửa sổ bật lên hay không. Thanh công cụ là thanh ở đầu cửa sổ có các nút để tiến, lùi, về trang chủ và các tác vụ điều hướng chính khác. Theo mặc định, thanh công cụ không có trong cửa sổ bật lên. Để đặt cửa sổ bật lên có thanh công cụ, hãy đặt thanh công cụ thành có

my popup
9

Cái nào tạo ra cửa sổ bật lên này

Tham số 97

Thanh

97 hoặc thanh địa chỉ là nơi URL được hiển thị ở đầu cửa sổ. Theo mặc định, cửa sổ bật lên không có thanh vị trí. Để định cấu hình cửa sổ bật lên sao cho nó có thanh vị trí được đặt
97 thành có trong lệnh open()

my popup
0

Cái nào tạo ra cửa sổ bật lên này

Tham số 98

Thanh

98 chứa một tập hợp các nút cho các trang web yêu thích của bạn. Theo mặc định, thanh thư mục không có trong cửa sổ bật lên. Để đặt cửa sổ bật lên có thanh thư mục, hãy đặt
98 thành có

my popup
1

Cái nào tạo ra cửa sổ bật lên này

Tham số 99

Thanh trạng thái là nơi trình duyệt hiển thị thông báo cho người dùng. Ví dụ: hầu hết các trình duyệt hiển thị URL của liên kết khi chuột lướt qua liên kết. Theo mặc định, cửa sổ bật lên không có thanh trạng thái. Để đặt cửa sổ bật lên có thanh trạng thái, hãy đặt trạng thái thành có trong lệnh


8. Ví dụ: lệnh này trong tập lệnh bật lên tạo cửa sổ bật lên có thanh trạng thái

my popup
2

Cái nào tạo ra cửa sổ bật lên này

Thanh menu là menu cho cửa sổ bật lên. Theo mặc định, cửa sổ bật lên không có thanh menu. Bạn có thể định cấu hình cửa sổ bật lên để có menu bằng cách đặt


50 thành yes trong lệnh

8

my popup
3

Cái nào tạo ra cửa sổ bật lên này

Theo mặc định, cửa sổ bật lên không có thanh cuộn. Đây là vấn đề nếu nội dung của cửa sổ bật lên chiếm nhiều dung lượng hơn trang đầu tiên. Bạn thường nên đặt cửa sổ bật lên bằng các thanh cuộn. Đặt cửa sổ bật lên có thanh cuộn bằng cách đặt thuộc tính


51 thành
my popup
21

my popup
4

Cái nào tạo ra cửa sổ bật lên này

Trong trường hợp thanh cuộn không thực sự cần thiết vì nội dung không lấp đầy dù chỉ một cửa sổ, MSIE và Netscape xử lý mọi thứ hơi khác một chút. MSIE đặt một thanh cuộn màu xám, Netscape hoàn toàn không đặt bất kỳ thanh cuộn nào. Không ai trong số họ đặt thanh cuộn ngang trong cửa sổ nếu không cần thiết

Tham số my popup 22

Theo mặc định, người dùng không thể thay đổi kích thước cửa sổ bật lên. Đây thường không phải là vấn đề.. hầu hết các cửa sổ bật lên chỉ chứa các ghi chú nhỏ hoặc quảng cáo. Tuy nhiên, nếu cửa sổ bật lên của bạn chứa nhiều thông tin, bạn nên cho phép người dùng thay đổi kích thước cửa sổ thành thứ gì đó thuận tiện hơn. Đặt cửa sổ bật lên thành


52 bằng cách đặt thuộc tính

52 thành
my popup
21 trong lệnh

8. Ví dụ: lệnh này trong tập lệnh bật lên sẽ mở một cửa sổ bật lên có thể thay đổi kích thước

my popup
5

Cái nào tạo ra cửa sổ bật lên này

Một biến thể phổ biến về chủ đề cửa sổ bật lên là mở cửa sổ ở chế độ toàn màn hình. Toàn màn hình có nghĩa là cửa sổ có kích thước đầy đủ của màn hình và cung cấp càng nhiều diện tích hiển thị cho trang càng tốt. MSIE và Netscape có các thông số khác nhau cho các cửa sổ toàn màn hình, nhưng bạn có thể sử dụng cả hai phiên bản. Trong lệnh


8, đặt
my popup
29 cho Netscape và

54 (không có bất kỳ giá trị nào) cho MSIE. Vì vậy, ví dụ, lệnh này trong tập lệnh bật lên sẽ mở một cửa sổ toàn màn hình

my popup
6

Cái nào tạo ra cửa sổ bật lên này

Lưu ý rằng trong lệnh


8 không có thuộc tính
93 hoặc
92. Bỏ qua các thuộc tính đó nếu không Netscape sẽ không mở cửa sổ ở chế độ toàn màn hình

Trong MSIE chỉ có hai cách để đóng cửa sổ toàn màn hình. Hầu hết mọi người không biết điều đầu tiên (nhấn ALT+F4) vì vậy bạn cần cung cấp điều thứ hai, việc này được thực hiện bằng Javascript. Cách dễ nhất để cung cấp nút đóng là sử dụng tập lệnh của chúng tôi để tham khảo lại phần mở. Sao chép tập lệnh đó vào trang toàn màn hình, sau đó sử dụng tập lệnh trong một liên kết như thế này

my popup
7

Liên kết trong ví dụ này đóng cửa sổ toàn màn hình và đặt tiêu điểm cho trình mở, nhưng chỉ khi cửa sổ thực sự ở chế độ toàn màn hình và được mở từ một cửa sổ khác. Nếu những điều kiện đó không đúng (và chúng sẽ không đúng, chẳng hạn như nếu người dùng tìm thấy trang thông qua một công cụ tìm kiếm bên ngoài), thì cửa sổ hiện tại sẽ chuyển đến tài nguyên được liên kết

Cửa sổ bật lên "phụ thuộc", một khái niệm chỉ được Netscape công nhận, có nghĩa là cửa sổ bật lên đóng khi cửa sổ mở của nó đóng lại. Tạo cửa sổ bật lên


53 bằng cách đặt thuộc tính

53 thành
my popup
21 trong lệnh

8. Ví dụ: lệnh sau trong tập lệnh bật lên tạo cửa sổ bật lên phụ thuộc. Nếu bạn sử dụng Netscape, hãy thử mở cửa sổ bật lên, sau đó đóng cửa sổ này

my popup
8

Cái nào tạo ra cửa sổ bật lên này

Trong một số trình duyệt cũ hơn, khi một cửa sổ bật lên phụ thuộc vào nó, nó sẽ không có biểu tượng trên thanh tác vụ (dải dọc phía dưới màn hình)

Chức năng nào được sử dụng để in thông báo bật lên JavaScript?
Chế độ kênh, chỉ áp dụng cho MSIE, khá giống với chế độ toàn màn hình, với điểm khác biệt là ở chế độ kênh, cửa sổ có một số nội dung cửa sổ trình duyệt tiêu chuẩn như hộp đóng và menu. Nó cũng có một thanh kênh khó chịu ở phía bên trái bật ra bất cứ khi nào chuột chạm vào phía bên trái của màn hình. Để đặt cửa sổ bật lên ở chế độ kênh, hãy đặt thuộc tính

55 thành
my popup
21 trong lệnh

8

my popup
9

Cái nào tạo ra cửa sổ bật lên này

Bạn có thể chỉ ra cả chế độ kênh của MSIE và chế độ toàn màn hình của Netscape trong cùng một lệnh


8. Ví dụ: lệnh này trong tập lệnh bật lên sẽ mở một cửa sổ ở chế độ toàn màn hình trong Netscape và chế độ kênh trong MSIE

onClick="return popup(this, 'notes')"
0

Cái nào tạo ra cửa sổ bật lên này

chức năng bật lên (mylink, windowname){if (. cửa sổ. tiêu điểm) trả về đúng; . href; . mở (href, tên cửa sổ, 'chiều rộng = 400, chiều cao = 200, thanh cuộn = có'); . cửa sổ. tiêu điểm) trả về đúng; . open(‘ ‘, windowname, ‘height=200,width=400,scrollbars=yes’); . mục tiêu = tên cửa sổ;

Làm thế nào để in pop

Cách tiếp cận. .
Sử dụng Sự kiện tải DOM trong thẻ body
Sử dụng phương pháp cảnh báo cửa sổ cho hộp thoại bật lên và cửa sổ. in để in tài liệu

Cách hiển thị cửa sổ bật lên

Cú pháp để mở cửa sổ bật lên là. cửa sổ. mở(url, tên, thông số). url . Một URL để tải vào cửa sổ mới.

Chức năng nào được sử dụng để hiển thị thông báo bật lên cho người dùng?

Trong cơ sở dữ liệu Access trên máy tính, Hàm MsgBox hiển thị một thông báo trong hộp thoại, chờ người dùng bấm vào một nút và trả về một Số nguyên cho biết người dùng đã bấm vào nút nào. Yêu cầu. Biểu thức chuỗi được hiển thị dưới dạng thông báo trong hộp thoại

Chức năng nào được sử dụng để tạo cửa sổ bật lên JS?

cú pháp. cửa sổ. cảnh báo ("đôi khi"); . phương thức alert() có thể được viết mà không cần tiền tố cửa sổ