Question

item

使用上面的代码片段，我正在尝试显示网页标题，如下例所示，

'首页 - 样本网站'将作为'主页'出现

html会是，

var lPT = document.title.split(' -')[0];
$('.pageBar .left').text(lPT);

我正在尝试这个，但它没有显示标题。我对JS比较陌生，我想知道，我做错了什么？

Answer 1

尝试使用它，

var lPT = document.title.split('-')[0].trim();
$('.pageBar .left').text(lPT);

另外，请使用您在浏览器控制台中没有收到错误，并且在此代码段之前包含了jquery文件。

Answer 2

确保页面标题包含-，否则它不会显示任何内容。

检查以下示例：

var lPT = document.title.split(' -')[0];
console.log(lPT);
$('.pageBar .left').text(lPT);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<title>Sarjan - My page</title>
<div class="pageBar"><div class="left"></div></div>

Answer 3

就像T.J.Crowder所说：

您需要导入jquery
您需要在想要使用该代码进行操作之后放置代码（否则当您的代码运行DOM元素且.pageBar尚不存在时）

以下是一个例子：

<html lang="en">

<head>
  <meta charset="utf-8">  
  <title>Home - Sample Website</title>
</head>

<body>

  <div class="pageBar">
    <div class="left">
      Sample text
    </div>
  </div>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

  <script>
    var lPT = document.title.split(' -')[0];
    $('.pageBar .left').text(lPT);
  </script>
</body>

</html>

获取页面标题并显示它 - JS

3 个答案: