Trong trường hợp người dùng quên chỉ định nó tại thời điểm tạo iframe thì nó có thể được thêm động sau khi tạo bằng JavaScript.
Hướng dẫn này giải thích quy trình hoàn chỉnh để chuyển tham số URL tới iframe trong JavaScript.
Quy trình chuyển tham số URL tới iframe trong JavaScript là gì?
Để chuyển tham số URL tới “Iframe”, hãy làm theo hướng dẫn từng bước được cung cấp.
Bước 1: Tạo mã HTML phần tử khung nội tuyến HTML
Đầu tiên, tạo phần tử “iframe” trong mã HTML với sự trợ giúp của thuộc tính “ ' nhãn:
< id khung nội tuyến = 'myIframe' khung viền = '1' > khung nội tuyến >
Ở đây, phần tử HTML được tạo có id “myIframe” và được tạo kiểu bằng thuộc tính “frameborder” có giá trị “1”.
Bước 2: Chuyển tham số URL tới Iframe đã tạo
Tiếp theo, hãy làm theo mã JavaScript được nêu bên dưới để chuyển/thêm tham số URL vào thành phần iframe đã tạo:
< kịch bản >hãy để Iframe = tài liệu. getElementById ( 'myIframe' ) ;
cho phép URL = 'onkeyup.html' ;
hãy để chiều rộng = '300' ;
để chiều cao = '500' ;
để địa lý = 'Anh' ;
hãy vượt quaURL = URL + '?địa lý=' + địa lý + '&kích thước=' + chiều rộng + 'x' + chiều cao ;
Khung nội tuyến. src = URL quảng cáo ;
bảng điều khiển. nhật ký ( vượt quaURL ) ;
kịch bản >
Trong các dòng mã trên:
- Biến “Iframe” đầu tiên áp dụng “ document.getElementById() ” để truy cập phần tử “iframe” đã tạo bằng cách sử dụng id “myIframe” của nó.
- Thư hai ' URL Biến ” chỉ định đường dẫn của tài liệu mong muốn mà người dùng muốn nhúng vào tài liệu HTML hiện tại thông qua iframe.
- Tiếp theo, “ chiều rộng Biến ” xác định độ rộng của phần tử iframe đã tạo và “ chiều cao Biến ” chỉ định chiều cao của nó.
- Sau đó, biến “địa lý” xác định miền của URL, tức là “uk(tên miền cấp cao nhất của mã quốc gia Internet (ccTLD))”.
- Bây giờ, “ vượt quaURL Biến ” nối các giá trị của biến URL, địa lý, chiều rộng và chiều cao để tạo thành một URL.
- Tiếp theo, chuyển URL đã tạo tới phần tử iframe đã tạo.
- Cuối cùng, “ console.log() ” phương thức hiển thị URL được xây dựng.
Bước 3: Xác minh đầu ra
Có thể thấy rằng URL được xây dựng của tài liệu HTML đã được chuyển thành công tới phần tử iframe đã tạo.
Phần kết luận
Trong JavaScript, để chuyển các tham số URL tới phần tử iframe, trước tiên người dùng cần phải “tạo phần tử iframe mẫu”, sau đó “tạo URL” bằng cách chỉ định “đường dẫn”, “chiều rộng”, “chiều cao” và “miền” của nó thuộc tính. Khi URL được tạo, hãy chuyển nó tới phần tử iframe HTML đã tạo. Hướng dẫn này đã giải thích một cách thực tế quy trình hoàn chỉnh để chuyển tham số URL tới iframe trong JavaScript.