搜索
搜索

为什么我的JavaScript搜索引擎无法正常工作？

debugcn 发表于 Dev
2
凯尔

我正在从头开始创建此移动应用程序，现在我已经需要创建一个搜索引擎来简化用户体验，但是我无法使其正常运行，因为它可以在textarea其中键入搜索内容，并且立即在列表中搜索它，并仅显示兼容的项目。

澄清：

+-------------+
|Search here  |
+-------------+             
|item         |
|car          |
|toothpick    |
|JustDoIt     |
|Ibiza        | 
+-------------+

假设您要输入的item开头是i，当您输入时，i它会检查所有以字母开头的单词i，因此，所有没有i首字母的项目都将从列表中隐藏（它在同一位置起过滤器的作用）时间）

+-------------+
|i...         |
+-------------+             
|item         |
|Ibiza        | 
+-------------+

+-------------+
|item         |
+-------------+             
|item         |
+-------------+

我的目标是让我自己一个人从零开始，但是现在我被困住了，任何帮助都是值得的。

myCode：

//SEARCHING

//Searching through #group and gathering all the lists' ids
var IDs = [];
$("#group").find(".items").each(function(){
  IDs.push(this.id); 
});
//Searching through #group and gathering all the lists' ids

//Change text when the user hovers on the search
function changeText(){
  var textarea = document.getElementById('search'); 
  textarea.value = "";
  $('.items').hide();
  if(textarea.value === ""){
    $('.items').show();
  }
}
//Change text when the user hovers on the search
$("#search").on('change keyup paste', function() {
  var textarea = document.getElementById('search'); 
  
  $('.items').hide();
  if(textarea.value === ""){
    $('.items').show();
  }
  
  //Compares LABEL and SEARCH
  function matchEmUp(pred,prey,ID){
    
    var each1='', each2='',acum1='', acum2='';
    for(var i=0; i<pred.length;i++){
      each1 = pred.substring(i, i+1);
      acum1 += each1;
      each2 = prey.substring(i, i+1);
      acum2 += each2; 
      
      if(acum1 == acum2){
        //console.log(acum1+"\n"+acum2);
        $('#'+ID).show();
      }else{
        $('.items').hide();
      }
    }
  }
  //Compares LABEL and SEARCH
  
  var value = ((textarea.value).toLowerCase());
  var array = [];
  var ID = (IDs[i]);//get the list's ID
  var LABEL = [];
  
  //getting IDs
  for(var i=0;i<IDs.length;i++){
    ID = (IDs[i]);//get the list's ID
    LABEL.push(($('#'+ID).children('.label').text()).toLowerCase());
    var SEARCH = value;//get the search node
  
  matchEmUp($.trim(SEARCH),LABEL[i],ID);
  }
 
  
  /*if($.trim(LABEL) == $.trim(SEARCH)){ //compare them
      $('#'+ID).show();//show only the result
    }*/
  
  //getting IDs
  
});
//SEARCHING
body,html{
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
ul {
  display: inline-flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
a{
  color: white;
  text-decoration: none;
}
div{
  display: inline-flex;
}
#header{  
  text-align: center;
  height: 50px;
  background-image: -moz-linear-gradient(top, #6495ED 3%, #9BC2E6);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #6495ED), color-stop(1.0, #9BC2E6));
  background-color: #F0F8FF;
  font-family: 'Open Sans', sans-serif;
  color: white;
  text-shadow: 1px 1px 3px #000000;
}

#menu{
  text-align: center;
  height: 40px;
  background-image: -moz-linear-gradient(top, #7f7f7f 3%, #b2b2b2);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #7f7f7f), color-stop(1.0, #b2b2b2));
  background-color: #F0F8FF;
  font-family: 'Open Sans', sans-serif;
  color: white;
  text-shadow: 1px 1px 3px #000000;
}

#searchMenu{
  text-align: center;
  height: 30px;
  background-image: -moz-linear-gradient(top, #7f7f7f 3%, #b2b2b2);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #7f7f7f), color-stop(1.0, #b2b2b2));
  background-color: #F0F8FF;
  font-family: 'Open Sans', sans-serif;
  color: white;
  text-shadow: 1px 1px 3px #000000;
}

#search{
  width: calc(100% - 10px);
  margin: 2px 5px 2px 4px;
  padding: 0;
  resize: none;
  border-radius: 4px;
  height: 25px;
}

#list{
  text-align: center;
  height: calc(100% - 161px);
  background-image: -moz-linear-gradient(top, #e5e5e5 3%, #FFFFFF);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #F2F2F2), color-stop(1.0, #FFFFFF));
  background-color: #F0F8FF;
  font-family: 'Open Sans', sans-serif;
  color: white;
  text-shadow: 1px 1px 3px #000000;
  overflow-y: auto;
  overflow-x: hidden;
}

#footer{
  text-align: center;
  height: 40px;
  background-image: -moz-linear-gradient(top, #e5e5e5 3%, #FFFFFF);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #e5e5e5), color-stop(1.0, #F2F2F2));
  background-color: #F0F8FF;
  font-family: 'Open Sans', sans-serif;
  color: white;
  text-shadow: 1px 1px 3px #000000;
}

.menuItems{
  transition: .5s ease-out;
  margin: 4px 10px 0 35px;
  padding: 3px;
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 18px;
  background: gray;
}
.menuItems:hover{
  transition: .7s ease-in;
  cursor: pointer;
  background: black;
}

.buttons{
  transition: .5s ease-out;
  margin: 4px 10px 0 35px;
  padding: 3px;
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 18px;
  background: #c1c1c1;
  cursor: pointer;
}

.buttons:active{
  transition: .0s ease-in;
  background: black;
}

.radios, .label{
  float: left;
}
.date{
  float: right;
}

.label{
  word-break: break-all;
  max-width:400px;
  font-size: 15px;
  color: black;
  font-weight: bold;
  text-shadow: 0 0 #000;
}

.date, .statusLabel{
  font-size: 13px;
  color: black;
  font-weight: bold;
  text-shadow: 0 0 #000;
}
.status{
  width: 10px;
  height: 10px;
  background: red;
  border-radius: 3px;
}
<!DOCTYPE html>
<html>

<head>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  <title>MobileTemplateCalne</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
</head>

<body>
  <header id="header">
    <div style="font-size:30px">Title</div>
  </header>
  <section id="menu">
    <ul>
      <li class="menuItems"><a href="#tasks">Tasks</a>
      </li>
      <li class="menuItems"><a href="#addtask">Add Task</a>
      </li>
    </ul>
  </section>
  <section id="searchMenu">
    <textarea id="search" onmouseover="changeText();" maxlength="40">Search Here</textarea>
  </section>
  <section id="list">
    <ul style="display:inline" id="group">
      <li class="items" id="item1" style="border:1px solid blue">

        <input type="radio" name="radios" class="radios" />
        <label class="label">Item</label>
        <br/>

        <label class="statusLabel">Status</label>
        <div class="status"></div>

        <label class="date">12/31/9999</label>
      </li>
      <li class="items" id="item2" style="border:1px solid blue">

        <input type="radio" name="radios" class="radios" />
        <label class="label">Itemite</label>
        <br/>

        <label class="statusLabel">Status</label>
        <div class="status"></div>

        <label class="date">12/31/9999</label>
      </li>
      <li class="items" id="item3" style="border:1px solid blue">

        <input type="radio" name="radios" class="radios" />
        <label class="label">Ite</label>
        <br/>

        <label class="statusLabel">Status</label>
        <div class="status"></div>

        <label class="date">12/31/9999</label>
      </li>

    </ul>
  </section>
  <section id="footer">
    <ul>
      <li class="buttons">Save</li>
      <li class="buttons">Edit</li>
      <li class="buttons">Delete</li>
    </ul>
  </section>
</body>

</html>

凯尔

我终于明白了，我把所有东西都藏起来了.items，我做了测试，却忘了删除它：/

//SEARCHING

//Searching through #group and gathering all the lists' ids
var IDs = [];
$("#group").find(".items").each(function() {
  IDs.push(this.id);
});
//Searching through #group and gathering all the lists' ids

//Change text when the user hovers on the search
function changeText() {
    var textarea = document.getElementById('search');
    textarea.value = "";
    $('.items').hide();
    if (textarea.value === "") {
      $('.items').show();
    }
  }
  //Change text when the user hovers on the search
$("#search").on('change keyup paste', function() {
  var textarea = document.getElementById('search');

  $('.items').hide();
  if (textarea.value === "") {
    $('.items').show();
  }

  //Compares LABEL and SEARCH
  function matchEmUp(pred, prey, ID) {

      var each1 = '',
        each2 = '',
        acum1 = '',
        acum2 = '';
      for (var i = 0; i < pred.length; i++) {
        each1 = pred.substring(i, i + 1);
        acum1 += each1;
        each2 = prey.substring(i, i + 1);
        acum2 += each2;

        if (acum1 == acum2) {
          //console.log(acum1+"\n"+acum2);
          $('#' + ID).show();
        } else {
          $('#' + ID).hide();
        }
      }
    }
    //Compares LABEL and SEARCH

  var value = ((textarea.value).toLowerCase());
  var array = [];
  var ID = (IDs[i]); //get the list's ID
  var LABEL = [];

  //getting IDs
  for (var i = 0; i < IDs.length; i++) {
    ID = (IDs[i]); //get the list's ID
    LABEL.push(($('#' + ID).children('.label').text()).toLowerCase());
    var SEARCH = value; //get the search node

    matchEmUp($.trim(SEARCH), LABEL[i], ID);
  }


  /*if($.trim(LABEL) == $.trim(SEARCH)){ //compare them
      $('#'+ID).show();//show only the result
    }*/

  //getting IDs

});
//SEARCHING
body,
html {
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
ul {
  display: inline-flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
a {
  color: white;
  text-decoration: none;
}
div {
  display: inline-flex;
}
#header {
  text-align: center;
  height: 50px;
  background-image: -moz-linear-gradient(top, #6495ED 3%, #9BC2E6);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #6495ED), color-stop(1.0, #9BC2E6));
  background-color: #F0F8FF;
  font-family: 'Open Sans', sans-serif;
  color: white;
  text-shadow: 1px 1px 3px #000000;
}
#menu {
  text-align: center;
  height: 40px;
  background-image: -moz-linear-gradient(top, #7f7f7f 3%, #b2b2b2);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #7f7f7f), color-stop(1.0, #b2b2b2));
  background-color: #F0F8FF;
  font-family: 'Open Sans', sans-serif;
  color: white;
  text-shadow: 1px 1px 3px #000000;
}
#searchMenu {
  text-align: center;
  height: 30px;
  background-image: -moz-linear-gradient(top, #7f7f7f 3%, #b2b2b2);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #7f7f7f), color-stop(1.0, #b2b2b2));
  background-color: #F0F8FF;
  font-family: 'Open Sans', sans-serif;
  color: white;
  text-shadow: 1px 1px 3px #000000;
}
#search {
  width: calc(100% - 10px);
  margin: 2px 5px 2px 4px;
  padding: 0;
  resize: none;
  border-radius: 4px;
  height: 25px;
}
#list {
  text-align: center;
  height: calc(100% - 161px);
  background-image: -moz-linear-gradient(top, #e5e5e5 3%, #FFFFFF);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #F2F2F2), color-stop(1.0, #FFFFFF));
  background-color: #F0F8FF;
  font-family: 'Open Sans', sans-serif;
  color: white;
  text-shadow: 1px 1px 3px #000000;
  overflow-y: auto;
  overflow-x: hidden;
}
#footer {
  text-align: center;
  height: 40px;
  background-image: -moz-linear-gradient(top, #e5e5e5 3%, #FFFFFF);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #e5e5e5), color-stop(1.0, #F2F2F2));
  background-color: #F0F8FF;
  font-family: 'Open Sans', sans-serif;
  color: white;
  text-shadow: 1px 1px 3px #000000;
}
.menuItems {
  transition: .5s ease-out;
  margin: 4px 10px 0 35px;
  padding: 3px;
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 18px;
  background: gray;
}
.menuItems:hover {
  transition: .7s ease-in;
  cursor: pointer;
  background: black;
}
.buttons {
  transition: .5s ease-out;
  margin: 4px 10px 0 35px;
  padding: 3px;
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 18px;
  background: #c1c1c1;
  cursor: pointer;
}
.buttons:active {
  transition: .0s ease-in;
  background: black;
}
.radios,
.label {
  float: left;
}
.date {
  float: right;
}
.label {
  word-break: break-all;
  max-width: 400px;
  font-size: 15px;
  color: black;
  font-weight: bold;
  text-shadow: 0 0 #000;
}
.date,
.statusLabel {
  font-size: 13px;
  color: black;
  font-weight: bold;
  text-shadow: 0 0 #000;
}
.status {
  width: 10px;
  height: 10px;
  background: red;
  border-radius: 3px;
}
<!DOCTYPE html>
<html>

<head>
  <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
  <title>MobileTemplateCalne</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link href='https://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
  <style>
    body,
    html {
      margin: 0;
      padding: 0;
      overflow: hidden;
      width: 100%;
      height: 100%;
    }
    ul {
      display: inline-flex;
      list-style-type: none;
      margin: 0;
      padding: 0;
    }
    a {
      color: white;
      text-decoration: none;
    }
    div {
      display: inline-flex;
    }
    #header {
      text-align: center;
      height: 50px;
      background-image: -moz-linear-gradient(top, #6495ED 3%, #9BC2E6);
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #6495ED), color-stop(1.0, #9BC2E6));
      background-color: #F0F8FF;
      font-family: 'Open Sans', sans-serif;
      color: white;
      text-shadow: 1px 1px 3px #000000;
    }
    #menu {
      text-align: center;
      height: 40px;
      background-image: -moz-linear-gradient(top, #7f7f7f 3%, #b2b2b2);
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #7f7f7f), color-stop(1.0, #b2b2b2));
      background-color: #F0F8FF;
      font-family: 'Open Sans', sans-serif;
      color: white;
      text-shadow: 1px 1px 3px #000000;
    }
    #searchMenu {
      text-align: center;
      height: 30px;
      background-image: -moz-linear-gradient(top, #7f7f7f 3%, #b2b2b2);
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #7f7f7f), color-stop(1.0, #b2b2b2));
      background-color: #F0F8FF;
      font-family: 'Open Sans', sans-serif;
      color: white;
      text-shadow: 1px 1px 3px #000000;
    }
    #search {
      width: calc(100% - 10px);
      margin: 2px 5px 2px 4px;
      padding: 0;
      resize: none;
      border-radius: 4px;
      height: 25px;
    }
    #list {
      text-align: center;
      height: calc(100% - 161px);
      background-image: -moz-linear-gradient(top, #e5e5e5 3%, #FFFFFF);
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #F2F2F2), color-stop(1.0, #FFFFFF));
      background-color: #F0F8FF;
      font-family: 'Open Sans', sans-serif;
      color: white;
      text-shadow: 1px 1px 3px #000000;
      overflow-y: auto;
      overflow-x: hidden;
    }
    #footer {
      text-align: center;
      height: 40px;
      background-image: -moz-linear-gradient(top, #e5e5e5 3%, #FFFFFF);
      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.03, #e5e5e5), color-stop(1.0, #F2F2F2));
      background-color: #F0F8FF;
      font-family: 'Open Sans', sans-serif;
      color: white;
      text-shadow: 1px 1px 3px #000000;
    }
    .menuItems {
      transition: .5s ease-out;
      margin: 4px 10px 0 35px;
      padding: 3px;
      border: 1px solid gray;
      border-radius: 5px;
      font-size: 18px;
      background: gray;
    }
    .menuItems:hover {
      transition: .7s ease-in;
      cursor: pointer;
      background: black;
    }
    .buttons {
      transition: .5s ease-out;
      margin: 4px 10px 0 35px;
      padding: 3px;
      border: 1px solid gray;
      border-radius: 5px;
      font-size: 18px;
      background: #c1c1c1;
      cursor: pointer;
    }
    .buttons:active {
      transition: .0s ease-in;
      background: black;
    }
    .radios,
    .label {
      float: left;
    }
    .date {
      float: right;
    }
    .label {
      word-break: break-all;
      max-width: 400px;
      font-size: 15px;
      color: black;
      font-weight: bold;
      text-shadow: 0 0 #000;
    }
    .date,
    .statusLabel {
      font-size: 13px;
      color: black;
      font-weight: bold;
      text-shadow: 0 0 #000;
    }
    .status {
      width: 10px;
      height: 10px;
      background: red;
      border-radius: 3px;
    }
  </style>
</head>

<body>
  <header id="header">
    <div style="font-size:30px">Title</div>
  </header>
  <section id="menu">
    <ul>
      <li class="menuItems"><a href="#tasks">Tasks</a>
      </li>
      <li class="menuItems"><a href="#addtask">Add Task</a>
      </li>
    </ul>
  </section>
  <section id="searchMenu">
    <textarea id="search" onmouseover="changeText();" maxlength="40">Search Here</textarea>
  </section>
  <section id="list">
    <ul style="display:inline" id="group">
      <li class="items" id="item1" style="border:1px solid blue">

        <input type="radio" name="radios" class="radios" />
        <label class="label">Item</label>
        <br/>

        <label class="statusLabel">Status</label>
        <div class="status"></div>

        <label class="date">12/31/9999</label>
      </li>
      <li class="items" id="item2" style="border:1px solid blue">

        <input type="radio" name="radios" class="radios" />
        <label class="label">Itemite</label>
        <br/>

        <label class="statusLabel">Status</label>
        <div class="status"></div>

        <label class="date">12/31/9999</label>
      </li>
      <li class="items" id="item3" style="border:1px solid blue">

        <input type="radio" name="radios" class="radios" />
        <label class="label">Ite</label>
        <br/>

        <label class="statusLabel">Status</label>
        <div class="status"></div>

        <label class="date">12/31/9999</label>
      </li>

    </ul>
  </section>
  <section id="footer">
    <ul>
      <li class="buttons">Save</li>
      <li class="buttons">Edit</li>
      <li class="buttons">Delete</li>
    </ul>
  </section>
  <script>
    //SEARCHING

     //Searching through #group and gathering all the lists' ids
    var IDs = [];
    $("#group").find(".items").each(function() {
      IDs.push(this.id);
    });
     //Searching through #group and gathering all the lists' ids

     //Change text when the user hovers on the search
    function changeText() {
        var textarea = document.getElementById('search');
        textarea.value = "";
        $('.items').hide();
        if (textarea.value === "") {
          $('.items').show();
        }
      }
      //Change text when the user hovers on the search
    $("#search").on('change keyup paste', function() {
      var textarea = document.getElementById('search');

      $('.items').hide();
      if (textarea.value === "") {
        $('.items').show();
      }

      //Compares LABEL and SEARCH
      function matchEmUp(pred, prey, ID) {

        var each1 = '',
          each2 = '',
          acum1 = '',
          acum2 = '';
        for (var i = 0; i < pred.length; i++) {
          each1 = pred.substring(i, i + 1);
          acum1 += each1;
          each2 = prey.substring(i, i + 1);
          acum2 += each2;

          if (acum1 == acum2) {
            $('#' + ID).show();
          } else {
            $('#' + ID).hide();
          }
        }
      }

      //Compares LABEL and SEARCH
      var value = ((textarea.value).toLowerCase());
      var array = [];
      var ID = (IDs[i]); //get the list's ID
      var LABEL = [];

      //getting IDs
      for (var i = 0; i < IDs.length; i++) {
        ID = (IDs[i]); //get the list's ID
        LABEL.push(($('#' + ID).children('.label').text()).toLowerCase());
        var SEARCH = value; //get the search node

        matchEmUp($.trim(SEARCH), LABEL[i], ID);
      }
      //getting IDs

    });
     //SEARCHING
  </script>
</body>

</html>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

为什么搜索引擎搜寻器无法运行javascript？

来自分类Dev

CodeIgniter搜索引擎无法正常工作-仅获取已发布的帖子

来自分类Dev

CodeIgniter搜索引擎无法正常工作-仅获取已发布的帖子

来自分类Dev

为什么我的搜索引擎切换为必应？（浏览器重定向）

来自分类Dev

如何使我的搜索引擎安全？

来自分类Dev

如何使我的搜索引擎安全？

来自分类Dev

为什么搜索重定向到“ SuddenLink.net”，而不是我的默认浏览器搜索引擎？我可以防止这种情况吗？

来自分类Dev

为什么文本缩进的可访问性窍门不会被搜索引擎所惩罚？

来自分类Dev

Javascript搜索引擎（搜索自己的网站）

来自分类Dev

Laravel搜索引擎

来自分类Dev

语义搜索引擎

来自分类Dev

搜索引擎太慢

来自分类Dev

搜索引擎组件

来自分类Dev

查询搜索引擎

来自分类Dev

搜索引擎拆分

来自分类Dev

搜索引擎的能力

来自分类Dev

AngularJS：为什么搜索无法正常工作？

来自分类Dev

我想生成搜索引擎友好的网址

来自分类Dev

改善我在php中的搜索引擎-mysql

来自分类Dev

如何使我的 html 页面搜索引擎友好

来自分类Dev

为什么我的dropzone JavaScript表单无法正常工作？

来自分类Dev

Javascript，为什么我的onclick函数无法正常工作

来自分类Dev

Javascript＆Jquery为什么我的animate（）无法正常工作？

来自分类Dev

为什么我的JavaScript替换功能无法正常工作？

来自分类Dev

通过JavaScript添加自定义搜索引擎

来自分类Dev

搜索引擎中的邻近搜索

来自分类Dev

搜索引擎中的邻近搜索

来自分类Dev

为什么搜索引擎摘要包含不在任何静态 html 文件中的文本？

来自分类Dev

为什么像 Google、Bing、Yahoo 这样的搜索引擎不尝试使用左侧（徽标下方）的可用空间？

Related 相关文章

  1. 1

    为什么搜索引擎搜寻器无法运行javascript？

  2. 2

    CodeIgniter搜索引擎无法正常工作-仅获取已发布的帖子

  3. 3

    CodeIgniter搜索引擎无法正常工作-仅获取已发布的帖子

  4. 4

    为什么我的搜索引擎切换为必应？（浏览器重定向）

  5. 5

    如何使我的搜索引擎安全？

  6. 6

    如何使我的搜索引擎安全？

  7. 7

    为什么搜索重定向到“ SuddenLink.net”，而不是我的默认浏览器搜索引擎？我可以防止这种情况吗？

  8. 8

    为什么文本缩进的可访问性窍门不会被搜索引擎所惩罚？

  9. 9

    Javascript搜索引擎（搜索自己的网站）

  10. 10

    Laravel搜索引擎

  11. 11

    语义搜索引擎

  12. 12

    搜索引擎太慢

  13. 13

    搜索引擎组件

  14. 14

    查询搜索引擎

  15. 15

    搜索引擎拆分

  16. 16

    搜索引擎的能力

  17. 17

    AngularJS：为什么搜索无法正常工作？

  18. 18

    我想生成搜索引擎友好的网址

  19. 19

    改善我在php中的搜索引擎-mysql

  20. 20

    如何使我的 html 页面搜索引擎友好

  21. 21

    为什么我的dropzone JavaScript表单无法正常工作？

  22. 22

    Javascript，为什么我的onclick函数无法正常工作

  23. 23

    Javascript＆Jquery为什么我的animate（）无法正常工作？

  24. 24

    为什么我的JavaScript替换功能无法正常工作？

  25. 25

    通过JavaScript添加自定义搜索引擎

  26. 26

    搜索引擎中的邻近搜索

  27. 27

    搜索引擎中的邻近搜索

  28. 28

    为什么搜索引擎摘要包含不在任何静态 html 文件中的文本？

  29. 29

    为什么像 Google、Bing、Yahoo 这样的搜索引擎不尝试使用左侧（徽标下方）的可用空间？

热门标签

归档