如何在html/javascript/css中創建一個單擊按鈕打開網頁內的示例網頁

Question

我正在爲用戶輸入rgb，hsl或十六進制＃並單擊某個類時編寫一個簡單的顏色選擇器網站按鈕，以6種色板生成顏色，6種顏色爲主色，補充亮和暗變體，以及色輪光譜上的相反顏色等，然後​​必須有一個按鈕，當點擊該按鈕時，會將示例網頁加載到該樣本網站中實施了6種顏色，因此用戶可以「查看」他/她在網站上選擇的顏色，如模板選擇器類型的交易。我只是想了解一些如何創建它的信息，顯然我現在正在寫示例網站，但我不知道如何在javascript代碼或html中設置它。如果您有關於如何接近它的想法，請告訴我。謝謝:)

Answer 1

在頁面中使用Iframe標記，在按鈕單擊時更改iframe的src。

function changeurl(e) { 
      $('#iframe').attr('src', 'http://www.w3schools.com'); 
      return false; 
     } 

</script> 

Answer 2

如果你打算使用jQuery，你可以使用$.get()加載另一個頁面。

的Javascript：

$(document).ready(function(){ 
    $.get('ajax/test.html', function(data) { 
     // .result is the container selector for the loaded page 
     // data is the html of ajax/test.html 
     $('.result').html(data); 
     alert('Load was performed.'); 
    }); 
}); 

標記：

<div class="result"></div> 

這將使的ajax/test.html內容到DIV與result類。