动态修改页面标题title

zuo_zuo_blog

于 2019-12-20 10:50:36 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：ＪａｖａＳｃｒｉｐｔ

本文链接：https://blog.youkuaiyun.com/zuo_zuo_blog/article/details/103628729

ＪａｖａＳｃｒｉｐｔ专栏收录该内容

105 篇文章

订阅专栏

本文介绍了一种使用原生JS和jQuery动态调整网页标题的方法，适用于屏幕宽度小于768px的移动设备，通过监听窗口大小变化来实现标题的切换。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

做适配移动的端的时候想起来的移动端题目太长想改变

<!DOCTYPE html>
<html>
	<head>
		<meta charset=utf-8 />
		<meta name="viewport" content="width=device-width, initial-scale=1,">
		<title>修改页面标题</title>
	</head>
	<body>		
		<script src="https://cdn.bootcss.com/jquery/1.8.3/jquery.js"></script>
		<script type="text/javascript">
			//1.原生js方法
			$(window).resize(function () {
　　       var wd=document.body.clientWidth;
               if(wd<768){
               document.getElementsByTagName("title")[0].innerText = 'innerText我是原生js    方法';	
          //2.jq方法
			//$('title').html('html我是jq方法');
			//$('title').text('text我是jq方法');	
       }
});
								
		</script>
	</body>
</html>

在这里插入图片描述