利用Js对输入的姓名排序
sort.js
var numnames = 0;
var names = new Array();
function SortNames(){
// get the name from the text field
thename = document.theform.newname.value;
//add the name to the array
names[numnames] = thename;
//Increment the counter
numnames++;
// sort the array
names.sort();
document.theform.sorted.value=names.join("\n");
}
sort.htm
<HTML>
<HEAD>
<TITLE> Array Sorting </TITLE>
<script type="text/javascript" language= "javascript" src="sort.js">
</script>
</HEAD>
<BODY>
<p> Enter two or more name in the textarea below.</p>
<form name="theform">
Name:
<input type="text" name = "newname" size="20">
<input type ="button" name="addname" value="Add" onclick="SortNames();">
<br>
<h2>Sorted names</h2>
<textarea cols="60" rows="10" name ="sorted">
the sorted names will appear here!
</textarea>
<form>
</BODY>
</HTML>
利用Js显示时间
timegreet.js
//get the current date
now = new Date();
//split into hours minutes seconds
hours = now.getHours();
mins = now .getMinutes();
secs = now.getSeconds();
//Display the time
document.write("<h2>");
document.write("hours: "+hours+" mins: "+mins+" secs: "+secs);
document.write("</h2>");
// display a greeting
document.write("<p>");
if(hours<10) document.write("Good morning!");
else if(hours>=14&&hours<=17) document.write("Good afternoon!");
else if(hours>17) document.write("Good evening!");
else document.write("Good day!");
document.write("</p>");
date.htm
<HTML>
<HEAD>
<TITLE> Control Test </TITLE>
</HEAD>
<BODY>
<h1>Current Date and Time</h1>
<p>
<script language="javascript" type="text/javascript" src="timegreet.js">
</script>
</p>
</BODY>
</HTML>
分享到:
相关推荐
html+css+js学习代码html+css+js学习代码html+css+js学习代码 html+css+js学习代码html+css+js学习代码html+css+js学习代码 html+css+js学习代码html+css+js学习代码html+css+js学习代码 html+css+js学习代码...
html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习...
数据结构与算法javascript学习代码实现
node.js学习代码,一个是爬取图片到本地,一个是爬取网页内容存入数据库,通过这两个实例代码可以了解到Node.js中mysql和fs这两个模块的简单的使用方法。
JavaScript学习代码,可以帮助新手快速入门,上手做项目。
NULL 博文链接:https://jerryzhang.iteye.com/blog/376317
HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 ...
html+css+JavaScript的学习代码html+css+JavaScript的学习代码 html+css+JavaScript的学习代码html+css+JavaScript的学习代码 html+css+JavaScript的学习代码html+css+JavaScript的学习代码 html+css+JavaScript的...
node.js学习代码,一个是爬取图片到本地,一个是爬取网页内容存入数据库,通过这两个实例代码可以了解到Node.j
html css JavaScript 学习留下的代码html css JavaScript 学习留下的代码 html css JavaScript 学习留下的代码html css JavaScript 学习留下的代码 html css JavaScript 学习留下的代码html css JavaScript 学习留下...
javascript零基础学自带的学习代码
html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习...
html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习...
NULL 博文链接:https://niuyantao.iteye.com/blog/1696748
html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供...
html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习...
JavaScript学习指南 源代码
html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供...