javascript - 如何制作综合搜索服务网站？

Question

我想做一个综合搜索服务网站。我引用了 this和this。有几个问题。

HTML：

<div id="integrated_search_form">
      <form>
          <input type="search" name="" id="integrated_search_word">
          <input type="submit" value="search" id="integrated_search_button">
      </form>
  </div>
<div id="search_result_website_div01">
    <form>
        <input type="text" name="" id="website_url_01">
        <input type="submit" value="submit">
    </form>
    <object id="myobj" data="" type="text/html">Not loading</object>
</div>

JS：

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script>
    //
    $(document).ready(function(){
        //
        var $dynamic_integrated_search_word = $('#integrated_search_word');
        var $dynamic_url_01 = $('#website_url_01');  // https://en.wikipedia.org/wiki/

        $('#myobj').attr('data', $dynamic_url_01)    // Problem 1
        .css({
            width: 400,
            height: 300,
            background: 'gray',
            overflow: scroll
        });


        // Problem 2
        /*
         $('body').find('input[type = search]').val('wiki');
         $('body').find('input[type = search]').parents('form').submit();
        */

        // Problem 3 - under 3 things not working all.
        /*    
        .console.log($('body').find('input[type = search]').val('wiki'))
        .contents().find('input[type = search]').val('wiki')
        .load(function(){
           $(this).contents().find('input[type = search]').val('wiki')
       });
        */
    });

问题 1： object像“https://en.wikipedia.org/wiki/”这样的“数据”属性插入静态值（？）运行良好。但是当我插入动态变量时不起作用。

问题2：在开发者工具的控制台中输入以下语句。

// $('body').find('input[type = search]').val('wiki');
// $('body').find('input[type = search]').parents('form').submit();

这在 wikipedia 上运行良好，但在 Google 或任何其他 wiki 站点上不起作用。

问题 3：我想通过 JQuery 生成与在每个站点的开发人员工具控制台中输入以下句子时相同的结果。

标签： javascripthtmljquery