方法：1、用“document.getElementsByTagName("title")[0].innerText='值'”语句；2、用“document.title='值'”语句；3、用“$('title').html('值')”语句。
本教程操作环境：windows7系统、javascript1.8.5&&jquery1.10.2版、Dell G3电脑。
js设置html title标题
innerText 方式
通过console.log(document.getElementsByTagName("title")[0]),发现能打印出
标签，标签里面只有文字节点，故猜测只能识别TextNode，所以用innerText方式设置title的值，果然成功了。<p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p><pre class="brush:php;toolbar:false">document.getElementsByTagName("title")[0].innerText = '需要设置的值';</pre><p class="jb51code"><strong>document.title方式</strong><br></p>
<p>经过测试，还可通过document.title 设置title的值。</p><pre class="brush:js;toolbar:false">console.log(document.title); # 可以获取title的值。
document.title = '需要设置的值'; # 设置title的值。</pre><p><strong>jQuery方式</strong></p>
<p>jQuery方式我们在浏览器取得了焦点和失去焦点的时候改变title的值，可以发现切换浏览器选项卡的时候，title发生了改变。</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/1105" title="科大讯飞-AI虚拟主播"><img
src="https://img.php.cn/upload/ai_manual/001/503/042/68b6c588dea65969.png" alt="科大讯飞-AI虚拟主播"></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/1105" title="科大讯飞-AI虚拟主播">科大讯飞-AI虚拟主播</a>
<p>科大讯飞推出的移动互联网智能交互平台，为开发者免费提供：涵盖语音能力增强型SDK，一站式人机智能语音交互解决方案，专业全面的移动应用分析；</p>
</div>
<a href="/ai/1105" title="科大讯飞-AI虚拟主播" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
<p>当然如果你的项目里面依赖jQuery，可以使用jq的方法设置</p><pre class="brush:php;toolbar:false">$('title').html('需要设置的值')
$('title').text('需要设置的值')</pre><p>例：</p><pre class="brush:js;toolbar:false"><!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>hello
