表格，随机数

S宋憨憨

已于 2022-04-06 19:02:16 修改

阅读量215

点赞数

文章标签： java

于 2022-04-06 19:01:13 首次发布

本文链接：https://blog.youkuaiyun.com/S2662015043/article/details/123997161

版权

这篇博客主要探讨了在上海面试中遇到的表格相关问题，结合了图片轮换和文字展示，深入讲解了如何在面试中处理涉及表格数据和随机数生成的题目。

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

上海面试题（表格）

<head>
		<meta charset="utf-8">
		<title></title>
	</head>
			<body onload="fa()">
			<!-- 展示文字 -->
			<div id="da"></div>
			</body>
			<script type="text/javascript">
			var i = 1;// 表示截取的结束下标
		
			function fa(){
			var str = "这是一个充满挑战与机遇的时代，请尽情拼搏吧!!!!";
			// 一个一个截取 str里面的文字
			var sa = str.substring(0,i);
			// 赋给div
			document.getElementById("da").innerHTML = sa;
			if(i == str.length){//当ｉ的值叠加到str的最大长度的时候再重新从第一个字截取
				i = 0;
			}
			// 更新i的值
			i++;
			setTimeout("fa()",300);
		}
		
	
	</script>

图片轮换


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
		a{
			font-size: 14px;
			color: #39F;
			height: 18px;
			width: 20px;
			border: 1px solid #39F;
			text-decoration: none;
			display: block;
			float: left;
			margin-right:5px;
			text-align: center;
			background-color: #FFF;
			line-height: 20px;
			}
		a:hover {
			font-size: 14px;
			font-weight: bold;
			color: #FFF;
			background-color: #39F;
			border: 1px solid #39F;
			text-decoration: none;
			display: block;
			}
		#apDiv1 {
			position:absolute;
			width:180px;
			height:25px;
			z-index:2;
			left:100px;
			top: 13px;
			}
		</style>
	</head>
	<body>
		<table width="360" border="0" cellspacing="0" cellpadding="0">
		  <tr>
		    <td style="height:190px;">
				<div id="apDiv1">
					<a onmouseover="changeImage('1.gif')" href="javascript:changeImage('1.gif')">1</a>
					<a onmouseover="changeImage('2.gif')" href="javascript:changeImage('2.gif')">2</a>
					<a onmouseover="changeImage('3.jpg')" href="javascript:changeImage('3.jpg')">3</a>
					<a onmouseover="changeImage('4.jpg')" href="javascript:changeImage('4.jpg')">4</a>
					<a onmouseover="changeImage('5.gif')" href="javascript:changeImage('5.gif')">5</a>
				</div>
				<!-- 图片 -->
				<img src="img/1.gif" alt="图片" id="photo"/>
			</td>
		  </tr>
		  </table>
	</body>
	<script type="text/javascript">
		function changeImage(na){
			// 获取img标签
			var img = document.getElementById("photo");
			img.setAttribute("src","img/"+na);
		}
	
	</script>
</html>

文字展示

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
			<body onload="fa()">
			<!-- 展示文字 -->
			<div id="da"></div>
			</body>
			<script type="text/javascript">
			var i = 1;// 表示截取的结束下标
		
			function fa(){
			var str = "这是一个充满挑战与机遇的时代，请尽情拼搏吧!!!!";
			// 一个一个截取 str里面的文字
			var sa = str.substring(0,i);
			// 赋给div
			document.getElementById("da").innerHTML = sa;
			if(i == str.length){//当ｉ的值叠加到str的最大长度的时候再重新从第一个字截取
				i = 0;
			}
			// 更新i的值
			i++;
			setTimeout("fa()",300);
		}
	</script>
</html>