网页——JSON、简单网页版计算器

最新推荐文章于 2024-05-22 21:31:48 发布

panda_burn

最新推荐文章于 2024-05-22 21:31:48 发布

阅读量967

点赞数 1

分类专栏：新手HTML

本文链接：https://blog.csdn.net/panda_burn/article/details/93888709

版权

一、对象
（一）节点：节点的层级关系,父子关系,兄弟关系
节点的类型: 标签节点,注释节点,文本节点

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			window.onload = function() {
								var nodes = document.all;
				 				for (var i = 0; i < nodes.length; i++) {
				 					alert(nodes[i].nodeName + "===" + nodes[i].nodeType);
				 				}
				 var chs = document.body.lastElementChild.childNodes;
				 for (var i = 0; i <chs.length; i++) {
				 	alert(chs[i].nodeName + "===" + chs[i].nodeType);
				 }
				var chs = document.body.firstElementChild.nextElementSibling.childNodes;
				for (var i = 0; i <chs.length; i++) {
					//alert(chs[i].nodeName + "===" + chs[i].nodeType);
					if(chs[i].nodeType==1){
							chs[i].style.color="red";
					}
				}
			}
		</script>
	</head>
	<body>
		<!-- 注释 -->
		<div>
			<h1>aabc</h1>
		</div>
		<div>
			<h1>aabcsfsdfsdfsdf</h1>
			<h1>aabcsfsdfsdfsdf</h1>
		</div>
	</body>
</html>

（二）自定义函数

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript">
			/*
			//构造函数
			function Student(name,age){
				//alert("构造函数调用了");
				//alert(this);
				this.name=name;
				this.age=age;
				this.eat=function(){
					alert("吃饭");
				}
			}; 
			
			var stu=new Student("张三",23);
			alert(stu.name);
			alert(stu.age);
			stu.eat();
			
			var stu2=new Student("李四",24);
			alert(stu2.name);
			alert(stu2.age);
			stu2.eat();
			*/
		    var obj=new Object();
			obj.name="战三";
			obj.age=23;
			obj.eat=function(){
				alert("吃法");
			}
			alert(obj.name)
			alert(obj.age);
			obj.eat();
		</script>
	</head>
	<body>
	</body>
</html>

（三）二级联动

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
	</head>
	<body>
		<select id="sf" onchange="selecSF()">
			<option value ="">--省份--</option>
			<option value ="">陕西</option>
			<option value ="">河南</option>
		</select>
		<select id="citys">
			<option value ="">--请选择城市--</option>
		</select>
	</body>
	
	<script type="text/javascript">
		/*
		当我选择了省份后，后面的下拉框的内容要变成这个省份对应的城市
		*/
		//省市二级联动
		//获取省份这个标签对象
		var arr=[[],["请选择城市","西安","商洛","宝鸡","咸阳","铜川","渭南","汉中","安康","榆林","延安"],["请选择城市","商丘","郑州","驻马店","南阳","洛阳","开封"]];
		var sheng=document.getElementById("sf");
		var city=document.getElementById("citys");
		
		function selecSF(){
			//清空旧数据
			city.innerHTML="";
			//alert("选择而来");
			var index=sheng.selectedIndex;
			//alert(index);
			var citys=arr[index];
			for(var i=0;i<citys.length;i++){
				//取出这个

最低0.47元/天解锁文章

panda_burn

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页——JSON、简单网页版计算器

一、对象（一）节点：节点的层级关系,父子关系,兄弟关系节点的类型: 标签节点,注释节点,文本节点<html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> window.onload = fu...
复制链接

扫一扫