Javascript 获取页面标题并显示它-JS_Javascript_Jquery

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

javascript jquery

Javascript 获取页面标题并显示它-JS,javascript,jquery,Javascript,Jquery,使用上面的代码片段，我试图显示网页的标题，如下面的示例所示 “主页-示例网站”将被命名为“主页” html将是 var lPT = document.title.split(' -')[0]; $('.pageBar .left').text(lPT); 我正在尝试这个，但它没有显示标题。我对JS比较陌生，我想知道，我做错了什么？试试这个 <div class="pageBar"><div class="left"></div></div>

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

“主页-示例网站”将被命名为“主页”

html将是

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

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

试试这个

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

另外，请确保浏览器控制台中没有出现错误，并且在此代码段之前包含了jquery文件。

确保页面标题包含

，否则它不会显示任何内容

检查以下示例：

var lPT=document.title.split（'-'）[0]；
控制台日志（lPT）；
$（'.pageBar.left'）.text（lPT）

萨扬-我的页面
正如T.J.Crowder所说：
您需要导入jquery
您需要将代码放在要使用该代码进行操作的后面（否则，当您的代码运行带有.pageBar的DOM元素时，该元素还不存在）
以下是一个例子：
var lPT = document.title.split('-')[0].trim();
$('.pageBar .left').text(lPT);


主页-示例网站
示例文本
var lPT=document.title.split（'-'）[0]；
$（'.pageBar.left'）.text（lPT）；
此外，我需要使用div进行样式设计，并将其放入我的网站。如果a）您包括jQuery，并且B）您的代码位于pageBardiv之后的脚本标记中（以及jQuery脚本标记之后）。啊，我使用的服务将脚本与html分开，谢谢你的帮助Derek-如果你已经解决了任何问题，最好删除这个问题，因为它只是吸引了无意义的答案和明显的答案。
<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>