Hướng dẫn how do you load an html page? - làm thế nào để bạn tải một trang html?

Question

Tôi cần hiển thị hoặc tải một trang HTML trong một trang HTML khác trên một nút nhấp chuột. Tôi cần điều này trong một cửa sổ bật lên với trang HTML chính làm nền.

Nội dung chính Show

Trang HTML được tạo và tải như thế nào?
Làm cách nào để tải mã html vào chrome?
Làm cách nào để mở trình duyệt HTML?

Bất kỳ sự giúp đỡ được đánh giá cao.

Hỏi ngày 20 tháng 8 năm 2012 lúc 5:33Aug 20, 2012 at 5:33

2

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#divId").load("b.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="divId" style="display:none;"></div>
  </body> 
</html>

1 là thẻ mà bạn có thể sử dụng để gọi các trang HTML khác vào trang web của bạn

<iframe src="http://www.google.co.in" name="targetframe" allowTransparency="true" scrolling="no" frameborder="0" >
    </iframe>

Aᴍɪʀ

7.3383 Huy hiệu vàng37 Huy hiệu bạc51 Huy hiệu Đồng3 gold badges37 silver badges51 bronze badges

Đã trả lời ngày 20 tháng 8 năm 2012 lúc 5:45Aug 20, 2012 at 5:45

JitenderjitenderJitender

7.30327 Huy hiệu vàng96 Huy hiệu bạc201 Huy hiệu đồng27 gold badges96 silver badges201 bronze badges

2

Bạn có thể sử dụng jQuery

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#divId").load("b.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="divId" style="display:none;"></div>
  </body> 
</html>

Trên sự kiện nhấp vào bạn có thể làm cho nó hiển thị khối.

Đã trả lời ngày 7 tháng 8 năm 2013 lúc 13:46Aug 7, 2013 at 13:46

1

Tải một trang trong một trang bằng iframe. Sau đây sẽ phục vụ như một điểm khởi đầu tốt.

<body>
  <div>
    <iframe src="page1.html" name="targetframe" allowTransparency="true" scrolling="no" frameborder="0" >
    </iframe>
  </div>

  <br/>

  <div>
    <a href="page2.html" target="targetframe">Link to Page 2</a><br />
    <a href="page3.html" target="targetframe">Link to Page 3</a>
  </div>
</body>

Đã trả lời ngày 20 tháng 8 năm 2012 lúc 5:43Aug 20, 2012 at 5:43

EuriceuricEuric

3292 Huy hiệu bạc6 Huy hiệu đồng2 silver badges6 bronze badges

Tại sao bạn không sử dụng

function jsredir() {
  window.location.href = "https://stackoverflow.com";
}

<button onclick="jsredir()">Click Me!</button>

Đã trả lời ngày 15 tháng 10 năm 2016 lúc 10:30Oct 15, 2016 at 10:30

Doruk Ayardoruk AyarDoruk Ayar

3421 Huy hiệu vàng4 Huy hiệu bạc17 Huy hiệu đồng1 gold badge4 silver badges17 bronze badges

Điều bạn đang hỏi không phải là cửa sổ bật lên mà là hộp đèn. Đối với điều này, thủ thuật là hiển thị một lớp bán trong suốt phía sau (được gọi là lớp phủ) và điều đó yêu cầu div ở trên nó.

Hy vọng bạn là JavaScript cơ bản quen thuộc. Sử dụng mã sau. Với JavaScript, thay đổi Hiển thị: Block to/from Display: Không có để hiển thị/ẩn cửa sổ bật lên.

<div style="background-color: rgba(150, 150, 150, 0.5); overflow: hidden; position: fixed; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 1000; display:block;">
    <div style="background-color: rgb(255, 255, 255); width: 600px; position: static; margin: 20px auto; padding: 20px 30px 0px; top: 110px; overflow: hidden; z-index: 1001; box-shadow: 0px 3px 8px rgba(34, 25, 25, 0.4);">
        <iframe src="otherpage.html" width="400px"></iframe>
    </div>
</div>

Arkan

6.1363 huy hiệu vàng37 Huy hiệu bạc54 Huy hiệu đồng3 gold badges37 silver badges54 bronze badges

Đã trả lời ngày 20 tháng 8 năm 2012 lúc 5:49Aug 20, 2012 at 5:49

Kapil Sharmakapil SharmaKapil Sharma

9.8568 Huy hiệu vàng36 Huy hiệu bạc65 Huy hiệu Đồng8 gold badges36 silver badges65 bronze badges

<button onclick="window.open('http://www.google.com');">Open popup</button>

Đã trả lời ngày 20 tháng 8 năm 2012 lúc 5:42Aug 20, 2012 at 5:42

Ygssoniygssoniygssoni

7.1192 Huy hiệu vàng22 Huy hiệu bạc23 Huy hiệu đồng2 gold badges22 silver badges23 bronze badges

Bạn có thể thử FancyBox: http://fancyapps.com/fancybox/

Bạn chỉ cần tải jQuery và fancybox.css và fancybox.js:

<!-- Add jquery -->
<script type="text/javascript" src="jquery.min.js"></script>

<!-- Add fancyBox -->
<link rel="stylesheet" href="jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="jquery.fancybox.pack.js"></script>

và thêm mã JS trong trang của bạn:

$("youBtnSelector").click(function() {
    $.fancybox.open({
        href : 'you html path',
        type : 'iframe',
        padding : 5
    });
})

Nó rất dễ làm

Đã trả lời ngày 24 tháng 12 năm 2012 lúc 6:25Dec 24, 2012 at 6:25

Zsytsskzsysskzsytssk

6421 Huy hiệu vàng6 Huy hiệu bạc14 Huy hiệu đồng1 gold badge6 silver badges14 bronze badges

1

Bạn nghĩ thế nào về

<button onclick="window.open('http://www.google.com','name','width=200,height=200');">Open</button>

Đã trả lời ngày 20 tháng 8 năm 2012 lúc 5:51Aug 20, 2012 at 5:51

Swemonswemonswemon

5.7344 Huy hiệu vàng30 Huy hiệu bạc54 Huy hiệu đồng4 gold badges30 silver badges54 bronze badges

Nếu bạn đang tìm kiếm một cửa sổ bật lên trong trang, đó không phải là cửa sổ trình duyệt mới, thì tôi sẽ xem các triển khai "hộp đèn" khác nhau trong JavaScript.not a new browser window, then I would take a look at the various "LightBox" implementations in Javascript.

Đã trả lời ngày 20 tháng 8 năm 2012 lúc 5:59Aug 20, 2012 at 5:59

Iframe là tuyệt vời cho những gì nó làm, nhưng nó không phải là một cửa sổ bật lên. Tôi sử dụng nó trên một số trang của mình để trình duyệt chỉ phải tải nội dung mới giúp tải nhanh hơn và bảo tồn băng thông.

Với một cửa sổ bật lên tải trên đầu cửa sổ hiện tại, đây là mục đích thực sự của một cửa sổ bật lên, để hiển thị nội dung trên trang bạn đang bật mà không tải trang bạn đang bật. iframe được sử dụng để bảo quản trang chính trong khi hiển thị nội dung trong cửa sổ. Phương pháp cũ để có một trang mặc định với nội dung < *có thể chỉnh sửa> có phần bị lỗi. Những người khác đã cung cấp mã tôi sẽ thêm rằng bằng cách sử dụng hàm -Onclick- với độ trong suốt -popup- wither hay không. Tôi sẽ đi với không!

Hy vọng điều này sẽ làm rõ ràng mọi thứ.

Đã trả lời ngày 15 tháng 11 năm 2021 lúc 14:00Nov 15, 2021 at 14:00

Vào năm 20222022

<html> 
  <head> 
    <script src="jquery.js"></script> 
    <script> 
    $(function(){
      $("#divId").load("b.html"); 
    });
    </script> 
  </head> 

  <body> 
     <div id="divId" style="display:none;"></div>
  </body> 
</html>

0

Đã trả lời ngày 28 tháng 6 lúc 6:32Jun 28 at 6:32

Trang HTML được tạo và tải như thế nào?

HTML, nếu nó chưa mở.Đặt toàn bộ tài liệu vào phần tử gốc HTML bằng cách thêm thẻ bắt đầu ở đầu và thẻ kết thúc ở cuối văn bản.Tiếp theo, tạo đầu tài liệu chứa tiêu đề cho trang.Chèn và thẻ trước nội dung.

Làm cách nào để tải mã html vào chrome?

Giả sử Google Chrome được đặt làm chương trình mặc định của bạn, bạn chỉ cần gõ lại tài liệu HTML và nó sẽ tự nhiên mở bằng Chrome.double tap the HTML document and it will naturally open in Chrome.

Làm cách nào để mở trình duyệt HTML?

Làm thế nào để mở một tệp HTML trong Chrome..

Tìm tệp HTML bạn muốn xem, nhấp chuột phải vào nó và chọn mở với từ menu.Bạn sẽ thấy một danh sách đầy đủ các ứng dụng mà bạn có thể sử dụng để chạy tệp của mình.Trình duyệt mặc định của bạn sẽ đứng đầu danh sách ..

Chọn Google Chrome từ danh sách và xem tệp của bạn trong trình duyệt ..

programming html Tag include html