javascript - 如何动态更新/覆盖页面标题？-6ren

javascript - 如何动态更新/覆盖页面标题？

转载作者：太空宇宙更新时间：2023-11-04 16:29:15

我正在使用一个在线模板，我在其中删除了各种内容以进行自己的修改。有两页，索引页面将搜索查询作为输入字段，结果页面显示该查询的结果。一切正常，但由于我所做的修改，结果页面的标题为

“undefined - 搜索结果”

这个未定义的应该显示来自索引页面的输入字符串。但我希望它的标题应该只是“搜索结果”

我可以做些什么来覆盖这个标题并只包含我需要的标题。

我试过了

document.title = "This is the new page title.";

如您在脚本中所见，在 html 标题下。

但这样做之后它显示“未定义 - 这是新的页面标题。作为标题。

我想删除未定义的。

这是结果页面的 HTML 代码，如果您能找出标题的原因的话。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset=utf-8>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

        <title>The Search results</title>
    <meta content="Mamma" name="description"/>
    <meta content="Mamma" name="keywords"/>
    <link rel="shortcut icon" href="/static/favicon.ico" type="image/x-icon" /> 

    <link media="all" rel="stylesheet" href="/static/results/style.css">
    <!-- Thumbnail-->
    <link media="all" rel="stylesheet" href="/static/component.css">
    <!-- Thumbnail_End-->

    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,300,300italic,600' rel='stylesheet' type='text/css'>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript">window.jQuery || document.write('<script src="http://mamma.com/static/front/js/jquery-1.8.3.min.js"><\/script>')</script>
    <script type="text/javascript" src="http://mamma.com/static/front/js/jquery.main.js"></script>


    <!--<script type="text/javascript" src="http://mamma.com/static/front/js/jquery.cookies.2.2.0.min.js"></script>-->
    <script type="text/javascript" src="http://mamma.com/static/front/js/scrolltop.js"></script>

    <!-- Thumbnail-->
    <script type="text/javascript" src="http://mamma.com/static/front/js/modernizr.js"></script>


    <!--[if IE]><script type="text/javascript" src="js/ie.js"></script><![endif]-->
    <script language="javascript"type="text/javascript">
document.title = "This is the new page title.";
</script>
</head>

<link media="all" rel="stylesheet" href="http://mamma.com/static/front/css/stylemasonry.css">
<script type="text/javascript" src="http://mamma.com/static/front/js/results.js?v=1388742739"></script>



<script type="text/javascript" src="http://mamma.com/static/front/js/common.js"></script>

<!-- Make sure jQuery is loaded. Loads Jquery from Google if not loaded by a plugin. -->
<script type="text/javascript" src="http://mamma.com/static/front/js/jQueryLoader.js"></script>
<!-- SUPERFISH -->
<script type="text/javascript" src="http://mamma.com/static/front/js/hoverIntent.js"></script>
<script type="text/javascript" src="http://mamma.com/static/front/js/superfish.js"></script>


<!-- Flexslider -->
<link media="all" rel="stylesheet" href="http://mamma.com/static/front/css/flexslider.css">
<script type="text/javascript" src="http://mamma.com/static/front/js/jquery.flexslider.js"></script>

<style id="myStyle">
    </style>

    <!-- wrapper -->
    <div id="wrapper">
    <div id="static" size="big">
      <div id="topspace" style="height: 330px;">
      </div>
        <!-- header -->
        <header id="header" class="vcard">
                    <!-- logo -->


                    <style type="text/css">
                    .result_logo{
                        background: url(/static/logos_1.png);
                        background-repeat: no-repeat;
                        /*height: 12px;*/
                        background-size : 100% 100%;
                        float: left;
                        height: 40px;
                        max-width: 230px;
                        width: 230px;
                        cursor: pointer;
                         margin: 0px 3.12% 0 0;
                    }
                    .result_slogo{
                        background: url(http://mamma.com/static/front/images/slogo.png);
                        background-repeat: no-repeat;
                        background-size : 100%;
                        cursor: pointer;
                        height: 42px;
                        margin: 0 22px 0 15px;
                        width: 25px;
                    }
                </style>
                    <a href="http://localhost:8080/ms"><div id="logo" class="result_logo"></div></a>
                    <a href="http://localhost:8080/ms"><div id="logo" class="result_slogo"></div></a>



            <!-- user navigation -->
            <nav class="user-nav">
                <ul>
                    <li><a href="#" class="help">help</a></li>
                    <li><a href="#" class="settings">settings</a></li>
                </ul>
            </nav>
            <style type="text/css">
            .local_text{
                flaot:left;
                border:1px solid red;
            }
            </style>
            <!-- form search -->


            <form id="get_value" action="{% url 'diablo:results' %}" class="form-search" method="get">
                    {% csrf_token %}
                    <fieldset>
                        <input type="text" id="pre_text" name="q" autocomplete="on" value="{{ query }}" class="pre_text">
                        <!--<input type="text" id="pre_test" name="what" autocomplete="on" value="{{ query }}" class="local_what" 
                        onblur=" if(this.value== '') this.value='What?';" onfocus=" if(this.value=='What?') this.value=''; "
                        value="What?" style="display: none;" > 

                        <input type="text" id="pre_where" name="where" autocomplete="on" class="local_where" 
                        onblur=" if(this.value== '') this.value='Where?';" onfocus=" if(this.value=='Where?') this.value=''; "
                        value="" style="display: none;">
                        -->

                        <input type="submit" id="search" value="search">

                    </fieldset>
                </form>

            <div style="clear:both"></div>

        </header>

    </div>

        <!-- twocolumns -->


        <div id="twocolumns">
            <!-- aside -->
            <div class="aside">
                <!-- search areas -->
                <!--<div class="search-areas">

                <a href="#" class="opener"><span>Web</span></a>
                    <div class="drop">
                        <strong class="title">Search areas:</strong>
                        <ul>--><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
                            <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
                            <!--
                              <li  class="active"><a class="we" href="javascript:void(0);">Web</a></li>

                             <li ><a class="we" href="javascript:void(0);">News</a></li>

                             <li ><a class="we" href="javascript:void(0);">Images</a></li>

                             <li ><a class="we" href="javascript:void(0);">Videos</a></li>

                              <li ><a class="we" href="javascript:void(0);">Local</a></li>
                        </ul>
                    </div>
                </div>-->


            </div>
            <div class="holder">
                <!-- search tabs-->
                <!--<div id="prev_next">
                    <div class="small_screen_prev">
                        <div id="prev" style="display:none;"> <img src="http://mamma.com/static/front/images/prev_arrow.png" alt="" /></div>
                    </div>
                    <div class="search-tabs"> 
                        <a href="#" class="opener">search tabs</a>
                        <div class="drop"> <strong class="title">Search tabs:</strong>
                            <div id="tab">
                                <ul></ul>
                            </div>
                            <div style="clear:both"></div>
                        </div>
                    </div>
                    <div class="small_screen_next">
                        <div id="next" style="display:none;"><img src="http://mamma.com/static/front/images/next_arrow.png" alt="" /></div>
                    </div>

                </div>-->
                <!-- search content -->
                 <section class="search-content tab-content" id="mamma_tab_content">

                <h2 style="color:#888; font-size: 150%; margin:20px 0 20px 20px; overflow:hidden;float:left">
                    Meta Search Engine Results
                </h2><br>{% load customfilter %}
                {% for a in r %}
                <div id="org_section_id_20140421181147" class="results-only" style="margin:0 0 0 20px;overflow:hidden;float:left">
                 <div class="midresult" id="main20140421181147">
                    <h3>
                        <a href="{{ a.0 }}">{{ a.1.title|safe }}</a>
                    </h3>   
                    <h4> 
                        <a href="{{ a.0 }}">{{ a.0 }}</a>
                    </h4>
                <p>{{ a.1.desc|safe }}<br/><br/><font size=5 color="green">Google Rank: {{ a.1.GRank|actualRank }} &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Yahoo Rank: {{ a.1.YRank|actualRank }}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Bing Rank: {{ a.1.BRank|actualRank }}</font></p>

                </div>
                </div>
                {% endfor %}
                 <div class="mamma_tab_content mtabs-1">  
                 </div>

                 </section>

            <div id="searches">
            <div class="search-wrap" id="search-wrap">
                <section class="search-content tab-content">
                </section>
            </div>
                </div>

            </div>

                <!--<div style="width: 100%; padding-bottom: 10px; clear: both; height: 100%; display: none;" id="loadmoreajaxloader">
                <center><img src="http://mamma.com/static/front/images/ajax-loader.gif"></center>
                </div>-->

        </div>
    </div>
    </div>

    <script language="javascript"type="text/javascript">
    var ispace_txtElements = ['result_text'];
    var ispace_brand = '';
    </script>
    <script type="text/javascript" src="http://mamma.com/static/front/js/ptwidget-1.0.js"></script>
        <!-- footer -->


<footer id="footer">
                <div class="row">
                <span class="copy"><p> Developed By Mohit & Jason  </p></span>
                    <ul class="footer-nav">
                        <li><a href="#">  About Meta Search Engine</a></li>
                    </ul>
                </div>
</footer>

<<script>
$('.active').prev().removeClass( "pagenum" );
$('.active').next().removeClass( "pagenum" );
</script>               

</body>

 </html>

最佳答案

在页面底部试试这个

$( document ).ready(function() {
  document.title = "This is the new page title."
});

关于javascript - 如何动态更新/覆盖页面标题？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23237810/

文章推荐： c++ - VC++ "Re-use"一个函数？

文章推荐： jQuery - 单击并添加类触发另一个(相关)单击？

文章推荐： c++ - 枚举变量的任意值

C++ 覆盖...覆盖？
我知道 C++ 中的 overriding 是什么。但是，是否存在覆盖？如果有，是什么意思？谢谢。最佳答案在 C++ 术语中，您有覆盖(与类层次结构中的虚拟方法相关)和重载(与具有相同名称但
覆盖/覆盖/堆叠元素上的 Javascript 鼠标事件
我想捕获位于另一个元素下的元素的鼠标事件。这是我所拥有的示例:http://jsfiddle.net/KVLkp/13/ 现在我想要的是当鼠标悬停在红色方 block 上时蓝色方 block 有黄色
python - Pandas boxplot 覆盖/覆盖 matplotlib 图
以下报道 here我尝试创建一个带有重叠散点图的箱线图。但是当我运行时: In [27]: table1.t_in[table1.duration==6] Out[27]: counter 7
javascript - 在 JavaScript 事件中替换/覆盖/覆盖 e.target
有一个 JS Fiddle here , 你能在不克隆到新对象的情况下替换 e.target 吗？下面重复了那个 fiddle 的听众； one.addEventListener('click',
JavaDoc 覆盖
首先要解决重复的可能性: 我不是询问 Override 是什么、它的含义或 @Override 在 java 文档注释之外。那是我不是问 /**Some JavaDoc Comment*/ @over
Java特殊数组补顶/覆盖
我想要高于定义的数组。它存储点及其坐标。 public static List simpleGraph(List nodes) { int numEdges = nodes.size() *
CSS 覆盖
我在 http://olisan.dk/blog/ 有一个博客- 如您所见，有一个 28 像素的高间隙(边距顶部)...在 style.css 中: margin-top: 0; 也被设置为 marg
c++ - 覆盖 VK_USE_64_BIT_PTR_DEFINES
Vulkan 句柄是指向 struct 的不透明指针，或者只是无符号的 64 位整数，具体取决于 VK_USE_64_BIT_PTR_DEFINES 的值: #if (VK_USE_64_BI
wpf - 覆盖 DataGridTextColumn
我正在尝试提供一个行为类似于 DataGridTextColumn 的 DataGrid 列，但在编辑模式下有一个附加按钮。我查看了 DataGridTemplateColumn，但似乎更容易将 Da
Django 覆盖 ASCIIUsernameValidator
使用 Django 1.10 我想在用户名中允许\字符，因为我在使用“django.contrib.auth.middleware.RemoteUserMiddleware”的 Windows 环境中
找不到用于在视频中添加水印的 FFMPEG 覆盖
我正在尝试使用 ffmpeg 将 Logo 放入 rtmp 流中。我的 ffmpeg 版本是 ffmpeg version 4.3.1目前在我的复杂过滤器中，我有: ffmpeg -re -i 'v
Firebase 3存储不允许文件更新/覆盖
是否有用于Firebase 3存储的方法/规则来禁用文件更新或覆盖？我为数据库找到了data.exists()，但没有为存储找到解决方案。最佳答案 TL; DR:在Storage Security
Docker Compose 覆盖
我有两个 Docker Compose 文件，docker-compose.yml看起来像这样 version: '2' services: mongo: image: mongo:3.2
java - 覆盖@CollectionTable
我需要覆盖 JPA 中的集合表吗？也许有人有想法 public class nationality{ @Embedded @AttributeOverrides({
WIX 安装文件，覆盖
嗨，我正在使用 WIX 和下面的代码将文件安装到目录中。我的应用程序的工作方式是用户可以在该目录中复制他们自己的文件，覆盖他们喜欢的内容
Lua 覆盖 # 字符串
我正在尝试为 Lua 中的字符串实现我自己的长度方法。我已成功覆盖字符串的 len() 方法，但我不知道如何为 # 运算符执行此操作。 orig_len = string.len function
scala - 覆盖 'val'时出现意外结果
在Scala 2.10.4中，给出以下类: scala> class Foo { | val x = true | val f = if (x) 100 else 200
Magento 覆盖 Controller
我想做上面的事情。我过去覆盖了许多文件...... block ，模型，助手......但这个让我望而却步。谁能看到我在这里做错了什么: (我编辑了这段代码......现在包括一些建议......
java - 参数顺序 - 覆盖
根据javadoc An instance method in a subclass with the same signature (name, plus the number and the ty
Java FileWriter 覆盖
我有一段代码，只要有可用的新数据作为 InputStream 就会生成新数据。每次都覆盖同一个文件。有时文件在写入之前变为 0 kb。 Web 服务会定期读取这些文件。我需要避免文件为 0 字节的情况

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

javascript - 如何动态更新/覆盖页面标题？