Question

我正在为用户输入rgb，hsl或hex＃的类编写一个简单的颜色选择器网站，当单击按钮时，生成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的内容放入带有result类的div中。

如何在html / javascript / css中创建一个按钮，单击该按钮可在网页中打开示例网页

2 个答案: