2019--3.9学习笔记_1.编写一个程序,记录学生的高等数学成绩。要求集中输出位于60~69、70~79、8_蟹老板的蟹黄堡bbbbb的博客-程序员秘密

技术标签: 学习笔记  

创建一个数组,用于保存古代几个大诗人的名字,遍历数组逐一输出每个诗人的名字

<html>
<head></head>
<body>
<script language = "javascript">

	var poets = new Array("王维", "杜甫", "李白", "白居易");
	
	document.write("古代几个大诗人:<br>");
	for (n in poets){
		document.write("<li>" + poets[n]);
	}


</script>
</body>
</html>

数据类型的隐式类型转换,外部输入的数据都是字符串型,与数字进行比较判断时,系统会自动将其转换为数值型

<html>
<head></head>
<body>
<script language = "javascript">

	var age = prompt("请输入你的年龄:" , "0");
	if (age <=0){
		alert("您输入的数据不合法");
	}
	else{
		alert("您的年龄为" + age + "岁");
		}


</script>
</body>
</html>

数据类型的显式转换,此过程需要手动转换到目标类型,笨栗子是从字符串中解析出水果价格的数值数据。

<html>
<head></head>
<body>
<script language = "javascript">

	var priceofApple = "3元";
	var priceofBanana = "3.5元";
	
	priceofApple = parseInt(priceofApple);
	var priceofBanana2 = parseInt(priceofBanana);
	if( (priceofApple==3)&&(priceofBanana2==3)&&(parseFloat(priceofBanana)==3.5)){
		alert("苹果的价格:" + priceofApple 
			  + "\n香蕉价格的整数部分:" + priceofBanana2 
			  + "\n香蕉的价格:" + parseFloat(priceofBanana));
	
	}
	else{
		alert("并没有得到预期的转换效果!");
	}


</script>
</body>
</html>

编写一个程序,记录学生的高等数学成绩。要求集中输出位于6069,7079,8089,90100各个分数段的学生名字。

<html>
<head></head>
<body>
<script language = "javascript">

	var score = new Array(
						 "王勇", 50,
						 "白露", 60,
						 "杨杨", 76,
						 "李明", 83,
						 "张莉莉", 70,
						 "杨宗楠", 71,
                          					 "徐霞", 66,
						 "杨玉婷", 93
						 );
	var namesOf_0To59 = "";
	var namesOf_60To69 = "";
	var namesOf_70To79 = "";
	var namesOf_80To89 = "";
	var namesOf_90To100 = "";
	var scoreSum = 0;
	
	document.write("<b>《高等数学》成绩统计表</b><br>");
	
	for(index in score)
	{
		if(index%2 == 1)
		{
			if((score[index]>=0)&&(score[index]<=59))
			{
				namesOf_0To59 += score[index-1] + " ";
			}
			if((score[index]>=60)&&(score[index]<=69))
			{
				namesOf_60To69 += score[index-1] + " ";
			}
			if((score[index]>=70)&&(score[index]<=79))
			{
				namesOf_70To79 += score[index-1] + " ";
			}
			if((score[index]>=80)&&(score[index]<=89))
			{
				namesOf_80To89 += score[index-1] + " ";
			}
			if((score[index]>=90)&&(score[index]<=100))
			{
				namesOf_90To100 += score[index-1] + " ";
			}
			scoreSum += score[index];
		}
	}
	document.write("<li>00~59分:" + namesOf_0To59 + "<br>");
	document.write("<li>60~69分:" + namesOf_60To69 + "<br>");
	document.write("<li>70~79分:" + namesOf_70To79 + "<br>");
	document.write("<li>80~89分:" + namesOf_80To89 + "<br>");
	document.write("<li>90~100分:" + namesOf_90To100 + "<br>");
	document.write("<li>平均分:" + scoreSum/(score.length/2) + "<br>");
</script>
</body>
</html>

使用String对象来处理短文,多次调用charAt方法获取文本中的每一个字符,如果所取的字符是“莲”字,就调用bold方法和fontcolor方法对其设置粗体和颜色。

<html>
<head></head>
<body>
<script language = "javascript">
	var comment = "采莲南塘秋,莲花过人头;低头弄莲子,莲子清如水。今晚若有采莲人,这儿的莲花也算得'过人头了';只不见一些流水的影子,是不行的。这令我到底惦着江南了。";
	var newComment = "";
	
	for (n = 0;n<comment.length;n ++)
	{
		var curChar = comment.charAt(n);
		if (curChar == "莲"){
				newComment += (curChar.bold()).fontcolor("red"); 
			}
		else{
				newComment += curChar;
		}
	
	
	}
	document.write("<li><b>原文:</b><br>" + comment + "<br>");
	
	document.write("<li><b>标记“莲”字:</b><br>" + newComment + "<br>");
</script>
</body>
</html>

全局作用域的变量在整个程序范围都有效,局部作用域指作用范围仅仅局限于变量所在的函数体。
变量同名时局部作用域优于全局作用域
当局部变量与全局变量同名时,局部变量要使用var关键字。

<html>
<head></head>
<body>
<script language = "javascript">
	var nA = 10;
	function func(){
		var nA = 20;
		document.write("<li>局部作用范围的nA:" + nA);
	}
	func();
	document.write("<li>全局作用范围的nA:" + nA);
</script>
</body>
</html>

该段代码实现了支付界面简单的功能

<html>
<head></head>
<body>
<script language = "javascript">
	var actTotal = 139.7;
	var payTotal = 123.45;
	document.write("<li>您账上余额:" + actTotal + "元<br>");
	document.write("<li>您需要支付:" + payTotal + "元<br>");
	document.write("<input id = \"BtnPay\" type=\"button\" value=\"确认支付\" onclick=" + "\"return BtnPay_onclick()\" style=\"width:150px\" /><br>");
	
	if(payTotal > actTotal)
	{
		document.write("信息:<font color=red>您的余额不足,无法完成支付!</font>");
		BtnPay.disabled = true;
	}
	else
	{
		BtnPay.disabled = false;
	}
	function BtnPay_onclick(){
		document.write("<li><font color=red>已经完成支付</font>");
		document.write("您账上余额:" + (actTotal-payTotal) + "元<br>");
	}
</script>
</body>
</html>

将数组按照从小到大的顺序排列出来

<html>
<head></head>
<body>
<script language = "javascript">
	var oMyArray = new Array(13,55,37,33,45,9,60,21,10);
	
	document.write("排序前:" + oMyArray);
	
	for(index in oMyArray)
	{
		for(i in oMyArray)
		{
			if(oMyArray[index]<oMyArray[i])
			{
				nTemp = oMyArray[index];
				oMyArray[index] = oMyArray[i];
				oMyArray[i] = nTemp;
			}
		}
	
	}
	document.write("<br>排序后:" + oMyArray);
</script>
</body>
</html>

用switch语句对所有进来的人问好

<html>
<head></head>
<body>
<script language = "javascript">
	var who = "Bob";
	switch (who)
	{
		case "Bob":
		alert("Hello," + who);
		break;
		case "Jim":
		alert("Hello," + who);
		break;
		case "Tom":
		alert("Hello," + who);
		break;
		default:
		alert("Nobody~!");
	}
</script>
</body>
</html>

本实例实现了一个可以切换背景颜色的功能

<html>
<head></head>
<body id = "PageBody" style = "background:red">  

<script language = "javascript">               //脚本程序开始
	function ChangeBgColor(colorIndex)
	{
		var dombody = document.getElementById("PageBody");//获取body节点
		
		if(dombody == null)//如果没有body节点,将直接返回
		{
			return;//直接返回
		}
		else//body节点引用成功获取
		{
			switch(colorIndex)//使用多路开关语句根据菜单传入的值更改网页背景
			{
				case 1:
				dombody.style.background = "#666666"; //通过设定style元素的background属性改变背景
				break;
				case 2:
				dombody.style.background = "#003333"; //设定背景色
				break;
				case 3:
				dombody.style.background = "#ccccff"; //设定背景色
				break;
				case 4:
				dombody.style.background = "#6699cc"; //设定背景色
				break;
				default:
				dombody.style.background = "white";   //设定背景色
				break;
				
			}
		}
	}
</script>

<div style = "width: 100px; height: 20px; text-align: center; background-color: #666666;" onclick = "return ChangeBgColor(1)"></div>
<div style = "width: 100px; height: 20px; text-align: center; background-color: #003333;" onclick = "return ChangeBgColor(2)"></div>
<div style = "width: 100px; height: 20px; text-align: center; background-color: #ccccff;" onclick = "return ChangeBgColor(3)"></div>
<div style = "width: 100px; height: 20px; text-align: center; background-color: #6699cc;" onclick = "return ChangeBgColor(4)"></div>
</body>
</html>

从一份名单中输出名字

<html>
<head></head>
<body>  
<div style = "width:216px;height:70px;background-color:#cccccc;" id="NameList" align="center">
</div>
<script language = "javascript">  //脚本程序开始
	var names = new Array("lily", "Tomson", "Alex", "Jack");  //名单
	for(i = 0; i < names.length; i++)       //遍历名单
	{
		var tn = document.createTextNode(names[i]+" ");   //创建一个文本节点,内容为名单上当前名字
		var namelist = document.getElementById("NameList");      //找出层NameList
		namelist.appendChild(tn);								//将文本节点添加到层NameList上
	}
</script>
	
</body>
</html>

用JavaScript实现登录表单的数据验证,要求用户名不能为空且不超过20个字符,密码不能为空且不能为数字之外的20个以内的字符。

<html>
<head>
	<title>练习</title>
	<script language="javascript" type="text/javascript">
		var isDataOK = false;
		function Submit1_onclick()
		{
			return isDataOK;
		}
		function onChange(obj)
		{
			try
			{
				if(obj == "username")
				{
					var userObj = document.getElementById(obj);
					var user = new String(userObj.value);
					if((user.length > 20)||(userObj.value == " "))
					{
						alert("用户名不符合规则:超过20个字符或者为空!");
						userObj.value = "";
						isDataOK = false;
					}
				}
				else if ( obj == "Password1")
				{
					var pwdObj = document.getElementById(obj);
					var pwd = new String(pwdObj.value);
					if ((pwd.length > 20) || (pwd == " "))
					{
						alert("密码不符合规则:超过20字符或者为空!");
						pwdObj.value = "";
						isDataOK = false;
					}
					for (i=0;i<pwd.length;i++)
					{
							for(j=0;j<10;j++)
							{
								if(pwd.charAt(i) != j)
								{
									if(j==9)
									{
										alert("密码不符合规则:包含非数字字符!");
										pwdObj.value = "";
										isDataOK = false;
									}
									else
									{
										continue;
									}
								}
								else
								{
									break;
								}
							}
							
					}
				isDataOK = true;
				}
			}
			catch(e)
			{
				alert("对不起,有错误发生:" + e.description);
			}
		}
	</script>

</head>
<body style = "position:relative; background-color: white">
	<div style="border-right:sliver 1px solid border-top:sliver 1px solid;
			border-left: sliver 1px solid;
			width:330px;border-bottom:sliver 1px solid;height:137px;
			background-color:ghostwhite;font-size:12px;font-style:normal;">
		<form id="frmlogin" action="#" method="post"style="position:absolute;left:17px;top:22px;width:320px;height:104px;">
			<span style="left:42px;position:absolute;top:23px;width:177px;">账号:<input id="username" style="height:13px;width:134px;" type="text" onchange="onChange(this.id)">
			</span><br>
			<span style="left:42px;position:absolute;top:50px;">密码:<input id="Password1" style="height:13px;width:134px;" type="text" onchange="onChange(this.id)">
			</span><br>
			<span style="position:absolute;left:225px;top:25px;width:38px;">
				<input id="Reset1" type="reset" value="重设">
				<input id="Submit1" type="submit" value="登录" onclick="return submit1_onclick()">
			</span>
		</form>
	</div>


	
</body>
</html>
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_35408051/article/details/88547028

智能推荐

【软件自动化测试-QTP实战技能 13】== QTP 判断 files Exists_qtp exists(0)_星火测吧的博客-程序员秘密

Set fso = CreateObject("Scripting.FileSystemObject")filepath= "C:/JX/WorkSpace/ t.xls"If (fso.FileExists(filepath) )Then    msgbox filepath & "exists"Else   msgbox filepath & "doesn't exist"

贪吃蛇大战 java小游戏百度云源码_lioncatch的博客-程序员秘密

第一次实践做了贪吃蛇,感觉还不错分享一下吧https://pan.baidu.com/s/1TylyNo3t9M_6R7To6I29hg提取码:8488

android okhttp版本,Android okhttp3 框架常用功能使用 4.1.0 版本_出门左转cs的博客-程序员秘密

本来是想围绕着HttpClient讲解的,后来发先Android4.4之后okhttp代替了hc,所以将不再讲解hcokhttp的简单使用,主要包含:一般的get请求一般的post请求基于Http的文件上传文件下载加载图片支持请求回调,直接返回对象、对象集合支持session的保持GitHub地址OkHttp的GitHub地址是:OkHttp依赖库导入使用前需要先在项目中添加OkHttp的依赖库,...

AngularJS ng-单击stopPropagation_CHCH998的博客-程序员秘密

I have a click Event on a table row and in this row there is also a delete Button with a click Even

(蓝图)虚幻4重制俄罗斯方块-简介、源码和APK_俄罗斯方块虚幻引擎_~Tfeng的博客-程序员秘密

分享一波虚幻4制作俄罗斯方块链接:4.18项目文件提取码:v8vc链接:APK提取码:hqsn也可以到我上传的文件处下载;概述蓝图之间进行交互和打包成apk的基本流程,以及一些思路蓝图中的结构体实现二维数组蓝图中(我认为)不能直接创建二维或者多维数组,可以通过结构体能实现蓝图中数据表格记录并使用静态数据俄罗斯方块可移动的方块形状是确定的,所以不需要动态创...

PyTorch学习笔记-6.PyTorch的正则化_pytorch 正则化_ruoqi23的博客-程序员秘密

6.PyTorch的正则化6.1.正则项为了减小过拟合,通常可以添加正则项,常见的正则项有L1正则项和L2正则项L1正则化目标函数:L2正则化目标函数:PyTorch中添加L2正则:PyTorch的优化器中自带一个参数weight_decay,用于指定权值衰减率,相当于L2正则化中的λ参数。权值未衰减的更新公式:权值衰减的更新公式:下面,分别通过不添加L2正则与添加L2正则进行比较:代码实现:# -*- coding:utf-8 -*-import

随便推点

干货 | 通透理解Elasticsearch聚合_铭毅天下的博客-程序员秘密

使用Elasticsearch的过程中,除了全文检索,或多或少会做统计操作,而做统计操作势必会使用Elasticsearch聚合操作。类似mysql中group by的terms聚合用的最多,但当遇到复杂的聚合操作时,往往会捉襟见肘、不知所措…这也是社区中聚合操作几乎每天都会被提问的原因。本文基于官方文档,梳理出聚合的以下几个核心问题,目的:将Elasticsearch的聚合结合实际场景说透...

Jackson注解@JsonAutoDetect介绍篇之filter_xinlianluohan的博客-程序员秘密

1.默认怎样被序列化?对象的属性被初次确定的过程称为自动检测:所有的成员方法和字段被查找。 1.1.“Getter”方法:所有public,带返回值,符合“getXxx”(“isXxx”,如果返回boolean,被称为“isgetter”)命名约定的成员方法被推测存在名字为“xxx”的属性(属性名按照bean命名约定推测,即开头大写字母转成小写)。 1.2.field属性:所有public成员字段被推测要显示的属性,使用字段名字来序列化。在相同的逻辑属性中同时存在getter和f...

Linux mint你最好的选择---难道真的动摇了Ubuntu?_三少GG的博客-程序员秘密

Linux Mint2011-12-06 14:47 | 467次阅读 | 来源:CSDN整理 【已有0条评论】发表评论关键词:Mint,Linux |作者:CSDN |收藏这篇资讯推荐理由:更安全、更稳定、更有效并且日益易于操作的系统,有着比Windows更优秀的设计。简介:Linux Mint是一种基于Ubuntu开发出的Linux操作系统,其特色为简洁

Shader Graph 7.5.1_shadergraph打开shader_Kevin_0325的博客-程序员秘密

一、关于Shader GraphShader Graph使您可以直观地构建着色器。你无需编写代码,就可以在图框架中创建和连接节点。有关Shader Graph的介绍,请参见Shader Graph入门。Shader Graph可通过Unity版本2018.1及更高版本中的Package Manger窗口获得。如果您安装了诸如通用渲染管道(URP)或高清渲染管道(HDRP)之类的可编程渲染管道(SRP),Unity会在您的项目中自动安装Shader Graph。注意:Shader Graph软

挖矿病毒解决实例(隐藏进程,文章较好)(入侵)_miningpool矿池异常访问事件_墨痕诉清风的博客-程序员秘密

CPU起飞了最近有朋友在群里反馈,自己服务器的CPU一直处于高占用状态,但用top、ps等命令却一直找不到是哪个进程在占用,怀疑中了挖矿病毒,急的团团转。根据经验,我赶紧让他看一下当前服务器的网络连接,看看有没有可疑连接,果然发现了有点东西:上Shodan查一下这IP地址:反向查找,发现有诸多域名曾经解析到这个IP地址:这是一个位于德国的IP地址,开放了4444,5555,7777等数个特殊的服务端口:其中这位朋友服务器上发现的连接到的是7777端口,

Easy Graphics Engine vs2015使用_weixin_30357231的博客-程序员秘密

vs2017: 下载https://pan.baidu.com/s/1qWxAgeK里面的 “ege19.01_vs2017 (推荐, 修正win10 1809 上无法正常运行的问题).zip” 按如下操作: (更高版本vs也是同理, 附网友教程)默认安装的情况下, 把include目录 里面的东西复制到C:\Program Files (x86)\Micros...

推荐文章

热门文章

相关标签