数组
var ary=new Array();
ary[0]="yes";
ary[1]="no";
//document.write(ary.toString());
var ary=["red","yellow","blue"];
document.write(ary+"<br/>");
document.write(ary.length);
//用for--in --迭代
for(var index in ary){
document.write(" "+ary[index]+" ");
}
//拼接
document.write(ary.join("-")+"<br/>");
//反转,对其本身作改变
document.write(ary.reverse()+"<br/>");
//排序,按ASII码
ary.sort();
document.write(ary);
--------------------------------------------------------------------
<script>
function mycompare(x,y)
{
var result=0;
var a=parseInt(x);
var b=parseInt(y);
if(a>b)
{
result=1;
}
else if(a<b)
{
result=-1;
}
return result;
}
var ary=new Array();
var ary=["ww","yy","aaa"];
ary[0]="zs";
ary[1]="ls";
document.write(ary+"<br/>");
ary[2]="bbb";
document.write(ary.length);
for(var index in ary)
{
document.write(ary[index]+"<br/>")
}
//数组元素拼接
document.write(ary.join()+"<br/>");
//数组元素转置
ary.reverse();
document.write(ary+"<br/>");
var ary1=[2,20,4,5,12];
document.write(ary1+"<br/>");
//排序
ary1.sort(mycompare);
document.write(ary1+"<br/>");
//数组拼接
var ary2=["a","b","c"];
var ary3=["e","f"];
var ary4=ary2.concat(ary3,ary3);
var ary5=ary4.concat("g","h",ary3);
document.write(ary5+"<br/>")
//返回选定的元素
document.write( ary5.slice(2,80)+"<br/>");
//替换元素
var ary6=["zs","ls","ww"];
document.write(ary6+"<br/>")
ary6.splice(1,1,"adsf","adsf");
document.write(ary6+"<br/>")
document.write(ary6.pop()+"<br/>");
document.write(ary6);
</script>
--------------------------------------------------------------------
锯齿数组
var arys=[["SQL SERVER","C# OOP"],["WEB FORM","HTML/CSS/JAVASCRIPT","ORACLE","ADO.NET"],["ASP.NET","LINQ"]];
document.write(11+"----------------------------<br/>");
for(var index in arys){
document.write(arys[index]+"<br/>");
}
document.write("<hr/>");
for(var index in arys){
for(var i in arys[index]){
document.write("第"+(parseInt(index)+1)+"个子数组里面的元素为:"+arys[index][i]+"<br/>");
}
document.write("<hr/>");
}
--------------------------------------------------------------------
--------------------------------------------------------------------
时间
var now=new Date();
document.write(now.toTimeString()+"<br/>");
document.write(now.toLocaleString()+"<br/>");
document.write(now.toDateString()+"<br/>");
var now = new Date();
var year = now.getYear();
var month = now.getMonth() + 1;
var date = now.getDate();
var day = now.getDay();
var hour = now.getHours();
var minute = now.getMinutes();
var second = now.getSeconds();
var dayStr = "日一二三四五六";
var strDateTime = "今天日期是：" +year + "年" + month + "月" + date + "日 星期" + dayStr.charAt(day) + " 现在时间是：" + hour + "时" + minute + "分" + second + "秒";
document.write(strDateTime+"<br/>");
--------------------------------------------------------------------
<html>
<head>
<title>网站地址管理</title>
<script type="text/javascript">
var stopid;
function timeGo(){
var time=new Date();
document.getElementById("heretime").innerText=time.toLocaleString();
}
function timeStart(){
stopid=window.setInterval("timeGo()",1000);
}
function timeStop(){
window.clearInterval(stopid);
}
</script>
</head>
<body>
<input type="button" value="开始" onClick="timeStart();"/>
<input type="button" value="停止" onClick="timeStop();"/><br/><br/>
<span id="heretime"></span>
</body>
</html>
--------------------------------------------------------------------
<html>
<head>
<title>网站地址管理</title>
<script type="text/javascript">
var stopid;
function timeStart(){
var time=new Date();
document.getElementById("heretime").innerText=time.toLocaleString();
stopid=window.setTimeout("timeStart();",1000);
}
function timeStop(){
window.clearTimeout(stopid);
}
</script>
</head>
<body>
<input type="button" value="开始" onclick="timeStart();"/>
<input type="button" value="停止" onclick="timeStop();"/><br/><br/>
<span id="heretime"></span>
</body>
</html>
--------------------------------------------------------------------
函数判断质数
function ck(no){
var flag=true;
for(var i=2;i<no/2;i++){
if(no%i==0){
flag=false;
}
}
return flag;
}
var num=33565;
document.write(ck(num)?"这是一个质数":"这不是质数");
--------------------------------------------------------------------
--------------------------------------------------------------------
创建元素
<script>
var tb=document.createElement("input");
with(tb)
{
type="text";
value="请输入性别";
maxLength="5";
}
document.body.appendChild(tb);
</script>
--------------------------------------------------------------------
--------------------------------------------------------------------
checkbox
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script>
function chkall_onclick(mychecked)
{
var chks=document.frm.elements["chkmusic"];
for(var i=0;i<chks.length;i++)
{
chks[i].checked=mychecked;
}
}
</script>
</HEAD>
<BODY>
<form name="frm">
<table border="1">
<tr>
<td><input type="checkbox" name="chkall" onclick="chkall_onclick(this.checked);">全选</input>
</td>
<td>歌手名
</td>
<td>歌曲名
</td>
</tr>
<tr>
<td><input type="checkbox" name="chkmusic"></input>
</td>
<td>张学友
</td>
<td>一路有你
</td>
</tr>
<tr>
<td><input type="checkbox" name="chkmusic"></input>
</td>
<td>刘德华
</td>
<td>给你一杯忘情水
</td>
</tr>
</table>
</form>
</BODY>
</HTML>
--------------------------------------------------------------------
--------------------------------------------------------------------
radio
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script>
function btnEnter_onclick()
{
var selectvalue;
var ary=document.frm.star;
for(var i=0;i<ary.length;i++)
{
if(ary[i].checked)
{
selectvalue=ary[i].value;
break;
}
}
alert(selectvalue);
}
</script>
</HEAD>
<BODY>
<form name="frm">
<input type="radio" value="1" name="star">水瓶座</input>
<input type="radio" value="2" name="star">白羊座</input>
<input type="radio" value="3" name="star">天蝎座</input>
<input type="radio" value="4" name="star">狮子座</input>
<input type="button" id="btnEnter" value="确定" onClick="btnEnter_onclick();"/>
</form>
</BODY>
</HTML>
--------------------------------------------------------------------
--------------------------------------------------------------------
select
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script>
function btnadd_onclick()
{
var addvalue=document.frm.txtName.value;
var myselect=document.frm.myselect;
var op=new Option();
op.text=addvalue;
op.value=addvalue;
myselect.options.add(op);
}
function btndel_onclick()
{
var myselect=document.frm.myselect;
op=myselect.options[myselect.selectedIndex];
alert(op.text);
myselect.remove(myselect.selectedIndex);
//myselect.options.length=0;
//myselect.innerHTML="";
//myselect.remove();
}
</script>
</HEAD>
<BODY>
<form name="frm">
<select name="myselect">
<option >请选择</option>
<option>C#</option>
<option>JAVA</option>
<option>C++</option>
<option>C</option>
<option>pascal</option>
<option>javasrcipt</option>
</select>
<input type="text" name="txtName"/>
<input type="button" id="btnadd" onClick="btnadd_onclick();" value="添加"/>
<input type="button" id="btndel" onClick="btndel_onclick();" value="删除"/>
</form>
</BODY>
</HTML>
--------------------------------------------------------------------
--------------------------------------------------------------------
style
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script>
window.onscroll=myscrool;
function myscrool()
{
var mydiv=document.getElementById("div1");
mydiv.style.top=document.body.scrollTop+100+"px";
}
function myclick()
{
var mydiv=document.getElementById("div1");
mydiv.style.display="none";
}
</script>
</HEAD>
<BODY>
<div id="div1" style="position:absolute;left=50px;top=100px;">
<img src="image/183823_140280.gif"/>
<span style="cursor:hand;" onClick="myclick();">关闭</span>
</div>
<p>段落</p>
<p>段落</p> </BODY>
</HTML>
--------------------------------------------------------------------
--------------------------------------------------------------------
分享到：
相关推荐
本资源包提供了一些常见的JavaScript例子，帮助开发者更好地理解和应用JavaScript技术。下面，我们将详细探讨这些例子所涵盖的JavaScript知识点。 1. **变量与数据类型**： JavaScript支持动态类型，这意味着变量...
标题“js特效 javascript例子”暗示我们将探讨JavaScript在创建网页特效方面的应用。JavaScript特效可以包括但不限于动画、滑动面板、下拉菜单、轮播图、模态窗口、拖放功能、表单验证等。这些特效为用户提供了更...
这个"JavaScript例子"压缩包提供了一系列的源码示例，旨在帮助学习者深入理解和掌握JavaScript的核心概念与实际应用。 1. **基础语法**：JavaScript的基础语法包括变量声明、数据类型（如字符串、数字、布尔值、...
JavaScript例子是一个涵盖源码和工具相关知识的主题，主要聚焦在使用JavaScript进行编程的实际示例上。在这个场景中，"DTree"可能代表一个特定的数据结构或库，如决策树（Decision Tree）或者目录树（Directory Tree...
这个“js例子，不错的例子”压缩包可能包含了多个示例代码，用于帮助开发者理解和学习JavaScript的各种功能和用法。 首先，JavaScript的核心概念包括变量、数据类型、控制结构、函数等。变量是存储数据的容器，可以...
【标题】"一个简单的js例子"所提及的是一个JavaScript编程的示例，JavaScript是一种广泛用于网页和网络应用的脚本语言。它主要负责实现客户端的交互性，如动态内容更新、表单验证以及用户界面的实时反馈。JavaScript...
【标题】"无忧脚本论坛JS例子集合"是关于JavaScript编程的一个资源库，它包含了从无忧脚本论坛搜集的各种JavaScript示例。这个集合特别有价值，因为它汇聚了多种类型的JavaScript应用，帮助开发者深入理解和掌握...
在“超漂亮常用的js例子”这个压缩包中，我们可以期待找到一系列实用且美观的JavaScript代码示例，这些示例可能涵盖日常开发中的关键场景，如用户登录、注册等。 登录功能在Web应用中至关重要，它允许用户创建账户...
标题"threejs简单例子,threejs中文实例,JavaScript"表明我们将通过一个简单的示例来学习Three.js的基础应用，并且这个示例是针对中文用户编写的。 首先，Three.js的核心概念包括场景（Scene）、相机（Camera）和...
描述指出，这个例子会展示如何将名为"obj"的3D模型文件转换为three.js能够识别和使用的JavaScript格式。 首先，我们要理解什么是OBJ文件。OBJ是一种通用的3D模型文件格式，包含几何形状、纹理和表面属性等信息。...
这个"国外牛人js例子"的压缩包很可能是包含了一些由国际知名开发者编写的JavaScript代码示例。这些示例通常用来展示JavaScript的独特特性和强大功能，帮助学习者理解和掌握这门语言。下面我们将深入探讨一些可能涵盖...
《epass1000ND_JS例子：JavaScript实现与VBScript的对比》 在信息技术领域，数字证书和安全硬件设备的使用越来越广泛，其中epass1000ND是一款常用的电子令牌设备，它主要用于存储和保护用户的私钥，提供安全的身份...
自己编写的WebRTC的JS例子。google的PC1，把本端和远端都合在一起了，初学者容易混淆。写了个小例子，分为本端和远端。可以通过手工拷贝SDP和ICE信息，进行呼叫接续。感觉流程比较清晰，可供初学者使用。 测试时，...
在本压缩包“js例子464个.zip”中，包含了464个JavaScript实例，这些实例涵盖了JavaScript语言的各个方面，为学习者提供了丰富的实践资源。 1. 基础语法：JavaScript的基础包括变量声明（var、let、const）、数据...
这个名为“最强javascript例子（多项代码）”的压缩包，显然包含了多种JavaScript的实用代码示例，旨在帮助开发者理解和掌握JavaScript的核心概念和技术。 1. **基础语法**：JavaScript的基础包括变量声明（var, ...
这个简单的JavaScript例子，尽管看似基础，但对于理解和学习JavaScript的基本语法、数据类型、控制结构以及函数等方面，具有很大的帮助。 首先，我们来讨论JavaScript的基础语法。在JavaScript中，语句以分号结束，...
然而，这个“ios-websocket js例子.rar”并没有提供服务器端代码，所以我们只能假设这是一个独立的JavaScript客户端示例。要使这个示例工作，你需要有一个支持WebSocket的服务器来与之交互。 总的来说，WebSocket是...
描述中的"Ajax.js例子"表明可能包含了一些示例代码，用于展示如何使用`Ajax.js`库。这些示例可能涵盖了简单的数据获取、表单提交、分页加载等功能，帮助开发者理解如何将Ajax集成到实际项目中。 在实际应用中，一个...
一个简单的例子程序，简单描述了JS的简单制作