js小demo

最新推荐文章于 2023-06-18 07:50:49 发布

ckcf666

最新推荐文章于 2023-06-18 07:50:49 发布

阅读量1.3k

点赞数 1

本文链接：https://blog.csdn.net/ckcf666/article/details/102838169

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>菜鸟教程(runoob.com)</title>
	</head>
	<body>
		<h1>我的 Web 页面</h1>
		<button type="button" onclick="myFunction()">点击这里</button>
		<h1>我的 Web 页面</h1>
		<p id="demo">一个段落。</p>
		<div id="myDIV">一个 DIV。</div>
		<button type="button" onclick="test()" id="button">点击</button>
		<div id="demo1">显示</div>
		<script>
			var tPic=document.getElementById("demo1");
			tPic.style.display="none";//隐藏，不占位
			function test() {
				document.getElementById("demo").innerHTML = "你好 Dolly";
				document.getElementById("myDIV").innerHTML = "你最近怎么样?";
				var buttonValue= document.getElementById('button').innerHTML;
				var buttonValue= document.getElementById('button').innerHTML;
				if(buttonValue=='返回'){
					window.location.reload();
				}
				document.getElementById("button").innerHTML = "返回";
				var buttonValue= document.getElementById('button').innerHTML;
				tPic.style.display="";//显示
			}
		</script>
	</body>
	<script>
		function myFunction() {
			var jsObj = {};
			jsObj.testArray = [1, 2, 3, 4, 5];
			jsObj.name = "ck";
			jsObj.date = Date();
			var str = JSON.stringify(jsObj);
			var str1 = JSON.parse(str);
			alert(str);
			alert(str1);
			alert(str1.date);
		}
	</script>
</html>

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<p>点击按钮，显示确认框。</p>
<button onclick="myFunction()">点我</button>
<p id="demo"></p>
<script>
function myFunction(){
	var x;
	var r=confirm("按下按钮!");
	if (r==true){
		x="你按下了\"确定\"按钮!";
	}
	else{
		x="你按下了\"取消\"按钮!";
	}
	document.getElementById("demo").innerHTML=x;
}
</script>

</body>
</html>

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>菜鸟教程(runoob.com)</title>
	</head>

	<body>
		<h1>我的 Web 页面</h1>
		<button type="button" onclick="myFunction()">点击这里</button>
		<h1>我的 Web 页面</h1>
		<p id="demo">一个段落。</p>
		<div id="myDIV">一个 DIV。</div>
		<button type="button" onclick="test()" id="button">点击</button>
		<div id="demo1">显示</div>
		<script>
			var tPic = document.getElementById("demo1");
			tPic.style.display = "none"; //隐藏，不占位
			function test() {
				document.getElementById("demo").innerHTML = "你好 Dolly";
				document.getElementById("myDIV").innerHTML = "你最近怎么样?";
				var buttonValue = document.getElementById('button').innerHTML;
				var buttonValue = document.getElementById('button').innerHTML;
				if(buttonValue == '返回') {
					window.location.reload();
					 /*window.history.back();*/
				}
				document.getElementById("button").innerHTML = "返回";
				var buttonValue = document.getElementById('button').innerHTML;
				tPic.style.display = ""; //显示
			}
		</script>
		<!DOCTYPE html>
		<html>

		<head>
			<meta charset="utf-8">
			<title>菜鸟教程(runoob.com)</title>
		</head>

		<body>

			<script>
				var json = {};
				json.firstname = "John";
				json.lastname = "Doe";
				json.id = 5566;
				var string = JSON.stringify(json);
				var json1 = JSON.parse(string);
				/*alert(json1);*/
			</script>
			<button onclick="myFunction1()">点我</button>
<script>
function myFunction1(){
	var r=confirm("退出");
	if (r==true){
		
	}
	else{
		
	}
}
</script>

		</body>

		</html>
	</body>
	<script>
		function myFunction() {
			var jsObj = {};
			jsObj.testArray = [1, 2, 3, 4, 5];
			jsObj.name = "ck";
			jsObj.date = Date();
			var str = JSON.stringify(jsObj);
			var str1 = JSON.parse(str);
		/*	alert(str);
			alert(str1);
			alert(str1.date);*/
		}
	</script>

</html>