Định dạng XML trong HTML
|
Trong bài viết này, tôi sẽ giải thích bằng một ví dụ, cách hiển thị tệp XML với Định dạng trong trang HTML bằng JavaScript và jQuery Show Tệp XML sẽ được chọn bằng phần tử FileUpload và nội dung của nó sẽ được đọc bằng HTML5 FileReader và cuối cùng tệp XML được định dạng sẽ được hiển thị bằng phần tử HTML TextArea
Đánh dấu HTML Đánh dấu HTML bao gồm điều khiển FileUpload (Đầu vào tệp HTML) và Nút HTML <html xmlns="http. //www. w3. org/1999/xhtml"> <đầu> <tiêu đề>tiêu đề> <nội dung> <script type="text/javascript" . // ajax. googleapis. com/ajax/libs/jquery/1. 8. 3/jquery. tối thiểu. js"> src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">tập lệnh> <script type="text/javascript" $( hàm () { $( "#upload" ). bind( "click" , function () { var regex = /^([a-zA-Z0-9\s_\\. \-. ])+(. xml)$/; if (regex. kiểm tra($( "#fileUpload" ). giá trị(). toLowerCase())) { if ( typeof (FileReader). = "không xác định" ) { var reader = new FileReader();< người đọc. onload = hàm (e) { $( "#txtXml" ). giá trị (e. Mục tiêu. kết quả); } người đọc. readAsText($( "#fileUpload" )[0]. tệp [0]); } else { alert( "Trình duyệt này không hỗ trợ HTML5. " ); } } else { cảnh báo( "Vui lòng tải lên một tệp XML hợp lệ. " ); } }); }); tập lệnh> <đầu vào loại="tệp" id="fileUpload" /> <đầu vào loại="nút" id="upload" value="Upload" /> <giờ /> <textarea id="txtXml" rows="25" cols="40" readonly="readonly" style="border:none; tràn. hidden">textarea>
Giải trình Đọc tệp XML Tệp XML được chọn trong điều khiển FileUpload (Đầu vào tệp HTML) và nút Tải lên được nhấp. Trên sự kiện nhấp chuột của nút Tải lên, một chức năng JavaScript đang được gọi Bên trong hàm, trước tiên, kiểm tra được thực hiện để xác minh xem tệp là tệp XML hay tệp văn bản hợp lệ. Sau đó, kiểm tra được thực hiện để đảm bảo trình duyệt có hỗ trợ API tệp HTML5 hay không
Hiển thị tệp XML với Định dạng Nội dung của tệp XML được hiển thị bằng phần tử TextArea HTML có Đường viền và Thanh cuộn được ẩn bằng CSS Làm cách nào để chuyển đổi tệp XML thành định dạng HTML?Cách chuyển đổi XML sang HTML . Mở trang web chuyển đổi XML sang HTML miễn phí của chúng tôi Nhấp vào bên trong khu vực thả tệp để tải lên tệp XML hoặc kéo và thả tệp XML Nhấp vào nút Chuyển đổi. . Liên kết tải xuống của các tệp kết quả sẽ có ngay sau khi chuyển đổi Bạn cũng có thể gửi liên kết tới tệp HTML tới địa chỉ email của mình Định dạng XML trong HTML là gì?XML là viết tắt của eXtensible Markup Language . XML là một ngôn ngữ đánh dấu giống như HTML. XML được thiết kế để lưu trữ và vận chuyển dữ liệu.
Làm cách nào để hiển thị dữ liệu XML trong HTML?Để xem XML thô, bạn phải nhấp chuột phải vào trang và chọn "Xem nguồn" .
Bạn có thể đưa XML vào HTML không?Thẻ . Lưu ý rằng thẻ |
