Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Bagaimana untuk mengubah suai tajuk html dalam js

Bagaimana untuk mengubah suai tajuk html dalam js

青灯夜游
Lepaskan: 2023-01-07 11:47:13
asal
7190 orang telah melayarinya

Kaedah JS untuk mengubah suai tajuk html: 1. Gunakan "document.title="value that need to be set"; 2. Gunakan "$('title').html('value that perlu ditetapkan' )" atau pernyataan "$('title').text('value to be set')".

Bagaimana untuk mengubah suai tajuk html dalam js

Persekitaran pengendalian tutorial ini: sistem windows7, versi javascript1.8.5&&jquery1.7.2, komputer Dell G3.

Kaedah 1: kaedah document.title

Selepas ujian, nilai tajuk juga boleh ditetapkan melalui document.title.

document.title = '需要设置的值';
Salin selepas log masuk

Contoh

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>hello</title>
	</head>
	<body>
		<script type="text/javascript">
			document.title = &#39;php中文网&#39;;
		</script>
	</body>
</html>
Salin selepas log masuk

Bagaimana untuk mengubah suai tajuk html dalam js

Kaedah 2: Menggunakan kaedah html() atau text() jQuery

Sudah tentu, jika projek anda bergantung pada jQuery, anda boleh menggunakan kaedah jq untuk menetapkannya.

Kedua-dua kaedah boleh dilaksanakan dalam jq

$(&#39;title&#39;).html(&#39;需要设置的值&#39;)
$(&#39;title&#39;).text(&#39;需要设置的值&#39;)
Salin selepas log masuk

Contoh

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>hello</title>
		<script src="js/jquery-1.7.2.min.js"></script>
	</head>
	<body>
		<script type="text/javascript">
			// $(&#39;title&#39;).html(&#39;php中文网&#39;);
			$(&#39;title&#39;).text(&#39;php中文网&#39;);
		</script>
	</body>
</html>
Salin selepas log masuk

Bagaimana untuk mengubah suai tajuk html dalam js

[Pembelajaran yang disyorkan: javascript Advanced Tutorial

Atas ialah kandungan terperinci Bagaimana untuk mengubah suai tajuk html dalam js. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan