前端入门学习笔记五十六

最新推荐文章于 2024-10-04 13:18:14 发布

物恰冰可乐

最新推荐文章于 2024-10-04 13:18:14 发布

阅读量165

点赞数

分类专栏：前端文章标签：前端学习 javascript

本文链接：https://blog.csdn.net/m0_65384293/article/details/128227418

版权

前端专栏收录该内容

109 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>转换成字符串</p>
			<script type="text/javascript">			
				var number = new Number("123456789");
				document.write (number.toString())
			</script>
	</body>
</html>

转换成字符串
toString() 方法可把一个 Number 对象转换为一个字符串，并返回结果。
语法
NumberObject.toString(radix)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>转换成字符串</p>
		<p id = "铠甲勇士刑天">转换成字符串</p>
		<button onclick = "myFunction()">点击</button>
		<script type = "text/javascript">
			function myFunction(){
				var kjys = 300;
				var h = document.getElementById("铠甲勇士刑天");
				h.innerHTML = kjys.toString();
			}
		</script>
	</body>
</html>

转换成字符串
toString() 方法可把一个 Number 对象转换为一个字符串，并返回结果。
语法
NumberObject.toString(radix)

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>onclick 事件</p>			
		<button onclick="myFunction()">点击</button>		
		<p id="终极笔记"></p>
		<script type = "text/javascript">
		function myFunction() {
		  document.getElementById("终极笔记").innerHTML = "终极笔记";
		}
		</script>
	</body>
</html>

onclick 事件
单击按钮时执行 JavaScript
onclick 事件在用户单击元素时发生

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p> HTML 中 onclick 事件</p>
		<p id="盗墓笔记" onclick="myFunction()">点击.</p>
		<script type = "text/javascript">
		function myFunction() {
		  document.getElementById("盗墓笔记").innerHTML = "盗墓笔记";
		}
		</script>
	</body>
</html>

HTML 中 onclick 事件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>  JavaScript 中 onclick  事件 </p>
		<p id="onclick  事件">点击.</p>
		<script type = "text/javascript">
		document.getElementById("onclick  事件").onclick = function() {myFunction()};
		function myFunction() {
		  document.getElementById("onclick  事件").innerHTML = "onclick  事件";
		}
		</script>
	</body>
</html>

在 JavaScript 中 onclick 事件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>  click 事件 </p>
		<p id="click 事件">点击.</p>
		<script type = "text/javascript">
		document.getElementById("click 事件").addEventListener("click 事件", myFunction);
		function myFunction() {
		  document.getElementById("click 事件").innerHTML = "click 事件";
		}
		</script>
	</body>
</html>

在 JavaScript 中 click 事件

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<p>转换成字符串</p>
		<p id = "盗墓笔记">沙海</p>
		<button onclick = "myFunction()">终极笔记</button>
		<script type = "text/javascript">
			function myFunction(){
				var kjys = 300;
				var h = document.getElementById("盗墓笔记");
				h.innerHTML = kjys.toString();
			}
		</script>
	</body>
</html>