`
bestxiaok
  • 浏览: 454071 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Js学习代码

阅读更多

利用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学习代码.zip

    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 js基础学习 示例代码

    JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础学习 示例代码JavaScript js基础...

    html,css,js学习代码.zip

    html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习...

    Javascript学习代码

    "JavaScript学习代码"这个主题涵盖了一系列用于初学者的教程和示例,旨在帮助新入行者快速掌握JavaScript的核心概念,并能动手进行项目实践。 1. **基础语法**:JavaScript的基础包括变量声明(var、let、const)、...

    HTML CSS and Javascript 基础学习代码.zip

    HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 HTML CSS and Javascript 基础学习代码 ...

    html+css+JavaScript的学习代码.zip

    html+css+JavaScript的学习代码html+css+JavaScript的学习代码 html+css+JavaScript的学习代码html+css+JavaScript的学习代码 html+css+JavaScript的学习代码html+css+JavaScript的学习代码 html+css+JavaScript的...

    html css JavaScript 学习留下的代码.zip

    html css JavaScript 学习留下的代码html css JavaScript 学习留下的代码 html css JavaScript 学习留下的代码html css JavaScript 学习留下的代码 html css JavaScript 学习留下的代码html css JavaScript 学习留下...

    html,css,js学习相关练习代码.zip

    html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习...

    javase概述+HTML+CSS+JS学习案例代码.zip

    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 学习代码, JS &amp; CSS.zip

    html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供...

    html、css学习代码.zip

    html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习参考 html css js 知识学习代码 源码 提供+源码 供学习...

    关于前端三剑客(HTML、CSS、JavaScript)的学习代码。.zip

    html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供相关人员学习参考 html css js 知识学习资料 代码 源码 供...

    JavaScript学习指南 源代码

    本“JavaScript学习指南”源代码包含了深入理解并掌握JavaScript编程的关键知识点。 一、基础语法 JavaScript的基础语法包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、undefined、...

    JavaScript培训学习PPT教程(js资料和源代码).zip

    JavaScript培训学习PPT教程(js资料和源代码) DOM事件总结(教辅).pdf DOM事件(ppt).pdf JavaScripr之while循环(源代码).zip JavaScript中的循环总结(教辅).pdf JavaScript之Date对象(源代码).zip ...

    【代码排版】js代码排版工具

    本资源主要关注JavaScript(js)的代码排版工具,帮助开发者快速整理混乱的代码,使其变得井然有序。 首先,我们要理解为何代码排版如此重要。一个整洁的代码结构可以降低理解难度,减少出错几率,提升开发效率。当...

    js代码大全 javascript

    在给定的"js代码大全"压缩包中,包含的三个文档很可能是各种JavaScript编程的实用示例和技巧。 1. **基础语法**:JavaScript的基础包括变量、数据类型(如字符串、数字、布尔值、对象等)、操作符、控制结构(如if...

    javascript代码-使用JS中国象棋AI人工智能 人机对战的源代码

    ——学习参考资料:仅用于个人学习使用! javascript代码-使用JS中国象棋AI人工智能 人机对战的源代码

Global site tag (gtag.js) - Google Analytics