百度输入关键词query点击搜索后，网页显示报错信息“网页定向重复”

25-01-23 36

如果您对百度输入关键词query点击搜索后，网页显示报错信息“网页定向重复”感兴趣，那么这篇文章一定是您不可错过的。我们将详细讲解百度输入关键词query点击搜索后，网页显示报错信息“网页定向重复”的

如果您对百度输入关键词query点击搜索后，网页显示报错信息“网页定向重复”感兴趣，那么这篇文章一定是您不可错过的。我们将详细讲解百度输入关键词query点击搜索后，网页显示报错信息“网页定向重复”的各种细节，此外还有关于jquery – 如何在网页上显示进度条,直到网页完全加载？、jQuery 仿百度输入标签插件附效果图_jquery、jquery+ajax 类百度输入框、jquery仿百度输入框提示的实用技巧。

本文目录一览：

百度输入关键词query点击搜索后，网页显示报错信息“网页定向重复”
jquery – 如何在网页上显示进度条,直到网页完全加载？
jQuery 仿百度输入标签插件附效果图_jquery
jquery+ajax 类百度输入框
jquery仿百度输入框提示

百度输入关键词query点击搜索后，网页显示报错信息“网页定向重复”

当您使用百度搜索出现上述情况时，极有可能是您被 “ 劫持 ” 了。解决方案：

1、建议您尝试加密连接 https://www.baidu.com 进行搜索，看看问题是否依然存在。

（1）需要注意的是，如果您的 IE 浏览器版本较低，比如在 IE8 及以下版本的浏览器中，是无法通过 https 加密链接使用百度服务的。

（2）我们强烈建议您对 IE 浏览器进行升级，或使用更高级别的浏览器，如百度浏览器、 chrome 浏览器或火狐浏览器，这些浏览器会给您更舒适的上网体验。

（3）同时我们建议您将上述页面设置为浏览器首页，根据我们的测试，这可以有效解决绝大部分的网络劫持问题。

2、请查看一下百度网页搜索的地址中，是否有tn=xxxx一串数字的后缀。

如果有，烦您请发给我们，我们的工程师团队会进行详尽的分析和跟进。搜索结果显示异常反馈页面地址：百度反馈

jquery – 如何在网页上显示进度条,直到网页完全加载？

我想在网页中显示进度条/加载弹出窗口,直到页面完全加载.

我的网页很重,因为它包含一个HTML编辑器,它是一个基于jQuery的HTML编辑器,花费大量的时间来完全加载.在加载时,我希望在我的页面上显示一个进度条,这将在我的整个页面加载完毕后被删除.

解决方法

不知道如何显示进度条.
但是使用 jQuery BlockUI Plugin可以轻松显示加载弹出窗口
只需将头部标签中的jQuery和BlockUi插件引用.

然后做这样的事情.

$(document).ready(function() { 
    // block page
    $.blockUI();
    //load your editor here
    //after load complete unblock page
    $.unblockUI();
});

更好的是,如果你使用像CKEditor这样的东西,你可以在加载完成回调ckeditor之后取消阻止页面.

这是一个小例子,一个页面被阻止了10秒.你可以在你的回调中设置相同的. (Example Here)

jQuery 仿百度输入标签插件附效果图_jquery

1、先上效果图

2、调用方式

<link href="/Styles/tagsinput.css" rel="external nofollow" rel="stylesheet" type="text/css" />
<script src="/Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.tagsinput.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$("#txtTags").TagsInput({
usedTags: "css|js|jquery|html|C#|.net|web",
hotTags: "hotTag1|hotTag2|hotTag3|hotTag4",
tagNum: 10,
maxWords: 10
});
});
</script>

登录后复制

html页面调用

<input type="text" value="逗号|分号|空格|Tab|回车键" name="txtTags" id="txtTags" />

登录后复制

3、tagsinput.css样式

.clearfix:after
{
clear: both;
content: " ";
display: block;
height: 0;
}
.tags-wrapper
{
width: 500px;
position:relative;
}
#addTagWrap
{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #D9D9D9;
padding: 0 5px;
}
#addTagWrap .inner-tag-wrapper,.layer-tag-name
{
background: none repeat scroll 0 0 #40A8CD;
border-radius: 3px;
color: #FFFFFF;
float: left;
height: 26px;
line-height: 26px;
margin: 4px 6px 0 0;
padding: 0 5px 0 10px;
white-space: nowrap;
}
#addTagWrap .inner-tag-close
{
color: #A0D4E6;
font-family: "宋体" ,sans-serif;
margin-left: 4px;
text-decoration: none;
}
#tagInput
{
background: none repeat scroll 0 0 #FFFFFF;
border: medium none;
margin: 0;
height: 24px;
line-height: 24px;
overflow: hidden;
padding: 5px;
width: 215px;
}
#tagInput:focus{ outline:none }
.layer-tags-wrapper
{
border: 1px solid #DADADA;
border-top:0;
overflow: auto;
position:absolute;
left:0;
right:0;
display:none;
background: none repeat scroll 0 0 #FFFFFF;
}
.layer-tags-wrapper .layer-tags-box
{
padding: 0 5px;
}
.layer-tags-wrapper .layer-tags-left
{
float: left;
text-align: center;
padding-right: 5px;
margin-top: 4px;
height: 26px;
line-height: 26px;
}
.layer-tags-wrapper .layer-tags-right
{
overflow: auto;
}
.layer-tags-wrapper .layer-tag-name
{
padding-right: 10px;
text-decoration: none;
}
.layer-tags-foot
{
height: 30px;
line-height: 30px;
color: #999999;
padding-left:5px;
}
.layer-tags-foot-top
{
margin-top:5px;
border-top:1px dotted #C9C9C9;
}
.message-box
{
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.35);
color: #FFFFFF;
width: 300px;
min-height: 50px;
line-height: 50px;
top: 50%;
left: 50%;
margin-top: -50px; /*注意这里必须是DIV高度的一半*/
margin-left: -150px; /*这里是DIV宽度的一半*/
position: fixed !important; /*FF IE7*/
position: absolute; /*IE6*/
z-index: 999;
text-align: center;
border-radius: 5px;
}

登录后复制

4、jquery.tagsinput.js

/*仿百度标签输入v0.1
* @name jquery.tagsinput.js
* @version 0.1
* @author liping
* @date 2014/06/10
* @Email:272323108@qq.com
*/
(function ($) {
$.fn.TagsInput = function (options) {
//默认参数
var defaults = {
usedTags: "",
hotTags: "",
tagNum: 0,
maxWords: 0
};
//用传入参数覆盖了默认值
var opts = $.extend(defaults, options);
//对象
var $this = $(this);
$this.hide();
var arrayTags;
var strHtml;
strHtml = "<div class=\"tags-wrapper clearfix\">";
strHtml += "<div id=\"addTagWrap\" ><div class=\"added-tags-wrapper\"></div>";
strHtml += "<input id=\"tagInput\" type=\"text\" placeholder=\"添加标签，以逗号、分号或空格隔开\" autocomplete=\"off\">";
strHtml += "</div><div class=\"layer-tags-wrapper\">";
if (opts.usedTags != "") {
strHtml += "<div class=\"clearfix layer-tags-box\"><div class=\"layer-tags-left\">记忆标签</div><div class=\"layer-tags-right\">";
arrayTags = opts.usedTags.split(''|'');
for (i = 0; i < arrayTags.length; i++) {
strHtml += "<a class=\"layer-tag-name\" href=\"javascript:;\">" + arrayTags[i] + "</a>";
}
strHtml += "</div></div>";
}
if (opts.hotTags != "") {
strHtml += "<div class=\"clearfix layer-tags-box\"><div class=\"layer-tags-left\">热门标签</div><div class=\"layer-tags-right\">";
arrayTags = opts.hotTags.split(''|'');
for (i = 0; i < arrayTags.length; i++) {
strHtml += "<a class=\"layer-tag-name\" href=\"javascript:;\">" + arrayTags[i] + "</a>";
}
strHtml += "</div></div>";
}
if (opts.tagNum != 0 && opts.maxWords != 0) {
strHtml += "<div class=\"layer-tags-foot clearfix \">最多可添加" + opts.tagNum + "个标签，每个标签不超过" + opts.maxWords + "个汉字</div>";
}
else if (opts.tagNum != 0 && opts.maxWords == 0) {
strHtml += "<div class=\"layer-tags-foot clearfix \">最多可添加" + opts.tagNum + "个标签</div>";
}
else if (opts.tagNum == 0 && opts.maxWords != 0) {
strHtml += "<div class=\"layer-tags-foot clearfix \">每个标签不超过" + opts.maxWords + "个汉字</div>";
}
else {
strHtml += "<div class=\"layer-tags-foot clearfix \">标签个数最好少于10个，每个标签最好不超过10个汉字</div>";
}
strHtml += "</div></div>";
$(strHtml).insertAfter($this);
if ($(".layer-tag-name").length > 0) {
$(".layer-tags-foot").addClass("layer-tags-foot-top");
}

var inputTags = $this.val();
arrayTags = inputTags.split(''|'');
for (i = 0; i < arrayTags.length; i++) {
addTag(arrayTags[i]);
}
$(".layer-tag-name").each(function () {
$(this).click(function () { addTag($(this).text()); });
});

$("#tagInput").keydown(function (e) {
var keyCode = e.which || e.keyCode;
if (keyCode == 13 || keyCode == 32 || keyCode == 9) {
if (addTag($(this).val())) { $(this).val(""); }
return false;
}
}).keyup(function (e) {
var keyCode = e.which || e.keyCode;
if (keyCode == 188 || keyCode == 59) {
if (addTag($(this).val())) { $(this).val(""); }
return false;
}
}).click(function () {
$(".layer-tags-wrapper").show();
}).blur(function () {
if (addTag($(this).val())) { $(this).val(""); }
return false;
});

$(".tags-wrapper").mouseleave(function () {
$(".layer-tags-wrapper").hide();
});

function addTag(obj) {
obj = obj.replace(/[ |,|，|;|；]/g, "");
if (obj == "") { return false; }
//只统计汉字字数
var num = 0;
var arr = obj.match(/[^\x00-\xff]/g);
if (arr != null) {
num = arr.length;
if (opts.maxWords > 0 && num > opts.maxWords) {
MessageBox("单个标签最多" + opts.maxWords + "个汉字");
return false;
}
num = 0;
}
var tags = $("#addTagWrap .inner-tag-name");
var flag = true;
var s = "";
tags.each(function () {
if ($(this).text() == obj) {
flag = false;
return false;
}
num++;
s += $(this).text() + "|";
});
if (opts.tagNum > 0 && num >= opts.tagNum) {
MessageBox("最多可添加" + opts.tagNum + "个标签");
return false;
}
if (flag) {
$(".added-tags-wrapper").append("<div class=\"inner-tag-wrapper\"><span class=\"inner-tag-name\">" + obj + "</span><a class=\"inner-tag-close\" title=\"删除\" href=\"javascript:;\">×</a></div>");
$(".added-tags-wrapper .inner-tag-close:last").click(function () {
$(this).parent().remove();
});
s += obj + "|";
if (s.length > 0) {
s = s.substring(0, s.length - 1);
$this.val(s);
}
return true;
}
else {
MessageBox("该标签已经存在");
return false;
}
}

function MessageBox(obj) {
$("<div class=\"message-box\">" + obj + "</div>").appendTo("body");
$(".message-box").delay(1000).fadeOut("slow", function () {
$(this).remove();
});
}
};
})(jQuery);

登录后复制

jquery+ajax 类百度输入框

　　这篇文章，一拖再拖，明日何其多，正好今天元气满满，就简单写完

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery 自动完成（Autocomplete） - 分类</title>
  <link rel="stylesheet" href="css/jquery-ui.min.css">
  <script src="js/jquery.min.js"></script>
  <script src="js/jquery-ui.min.js"></script>
  <style>
      .ui-autocomplete-category {
        font-weight: bold;
        padding: .2em .4em;
        margin: .8em 0 .2em;
        line-height: 1.5;
      }
  </style>
  <script>
  　　$(function() {
          $.widget( "custom.catcomplete", $.ui.autocomplete, {
            _renderMenu: function( ul, items ) {
              var that = this,
                currentCategory = "";
              $.each( items, function( index, item ) {
                if ( item.category != currentCategory ) {
                  ul.append( "<liui-autocomplete-category''>" + item.category + "</li>" );
                  currentCategory = item.category;
                }
                that._renderItemData( ul, item ); 
              }); 
            }
    　　　　});
     　　 　var d1 = "anders";
      　　　var d2 = "Products";
      　　　var data = [
          　　{ label: d1, category: "" },
          　　{ label: d1, category: "" },
          　　{ label: d1, category: "" },
          　　{ label: d1, category: "Products" },
          　　{ label: "annk K12", category: "Products" },
          　　{ label: "annttop C13", category: "Products" },
         　　 { label: "anders andersson", category: "People" },
          　　{ label: "andreas andersson", category: "People" },
         　　 { label: "andreas johnson", category: "People" }
     　　　　];
     
     　　　　$( "#search" ).catcomplete({
         　　 delay: 0,
          　　source: data
     　　});
  　　});
  </script>
</head>
<body>
　　<input id="search">
</body>
</html>

效果查看：

有人就想，我要ajax请求后台，动态获取怎么写？

以下是关键代码

　　　　　　$(function() {
                $.widget( "custom.catcomplete", $.ui.autocomplete, {
                    _renderMenu: function( ul, items ) {
                      var that = this,
                        currentCategory = "";
                      $.each( items, function( index, item ) {
                        if ( item.category != currentCategory ) {
                          ul.append( "<liui-autocomplete-category''>" + item.category + "</li>" );
                          currentCategory = item.category;
                        }
                        that._renderItemData( ul, item ); 
                      });
                    }
                  });
                var option = {  
                        max: 12,    //列表里的条目数  
                        minChars: 0,    //自动完成激活之前填入的最小字符  
                        width: 400,     //提示的宽度，溢出隐藏  
                        scrollHeight: 300,   //提示的高度，溢出显示滚动条  
                        matchContains: false,    //包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示  
                        autoFill: true,    //自动填充  
                        minLength: 0,  
                        select: function (event, ui) {
                            selectEnterprise(ui.item.id)；//根据选择获取选中id
                        }  
                };  
                var dataArray=[];  
                $.ajax({
                    url: ''${ctx}/enterprise/enterprise/autocomplete'',
                    type: ''post'',
                    dataType: ''json'',
                    success: function(data){
                        for(var i=0; i<data.length; i++){
                            var vo = data[i];
                            dataArray.push({label: vo.label,category: vo.category,id : vo.id});
                        }
                    }
                })
                $( "#tempName" ).catcomplete({source: dataArray},option).on(''focus'', function(){$(this).keydown();});  
           });

代码下载：https://github.com/FlyWithFish/project

jquery仿百度输入框提示

autocomplete 插件根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。该插件现在是 jQuery UI 的一部分，使用之前先引入：

https://cdn.bootcdn.net/ajax/libs/jqueryui/1.12.1/jquery-ui.css

https://cdn.bootcdn.net/ajax/libs/jqueryui/1.12.1/jquery-ui.js

下面是一个demo：

数据表字段id, cid,cname

function autosearch(){

    $("#cname").autocomplete({

        minLength: 1,

        source: function( request, response ) {

            var term = request.term;

            $.ajax({

                url: "路径/getValue.php",

                dataType: "json",

                type:"post",

               data:{

                     cname: term

                },

               success: function( data ) {

                        response($.map( data, function( item ) {

                              return {

                                     lable:item.cid,

                                    value:item.cname

                               }

                        }));

              }
      });
     }
 });
}

关于百度输入关键词query点击搜索后，网页显示报错信息“网页定向重复”的介绍已经告一段落，感谢您的耐心阅读，如果想了解更多关于jquery – 如何在网页上显示进度条,直到网页完全加载？、jQuery 仿百度输入标签插件附效果图_jquery、jquery+ajax 类百度输入框、jquery仿百度输入框提示的相关信息，请在本站寻找。

本文标签：