小仙女-javascript快速入门下
来源:互联网 发布:软考程序员通道 编辑:程序博客网 时间:2024/06/10 07:26
javascript快速入门下
开始罗
function changecolor()
{
var x = document.getElementById("demo");
x.style.color="red";
x.style.fontSize="100px"; //改变字体颜色
}
----------------------------------------------------------------------------------------------------------------------------------------------
function myFunction()
{
x=document.getElementById("demo1"); // 隐藏 找到元素
x.innerHTML="Hello JavaScript!"; // 改变内容
}
----------------------------------------------------------------------------------------------------------------------------------------------
<p id="demo">
JavaScript 能改变 HTML 元素的内容。
</p>
<button type="button" onclick="changecolor()">点击这里</button>
<button type="button" onclick="test()">测试</button>
<input type="button" value="diandian" onclick="testc()"/>
----------------------------------------------------------------------------------------------------------------------------------
function test()
{
alert(isNaN(2));结果 false;
alert(isNaN("2")); 结果 false;
alert(2=="2");结果 true ,这是值相同
alert(2==="2");“===”这是值和类型相同
var x = "2";
var y = 2;
alert(x+y); 这结果 2 2
alert(parseInt(x)+y);parselnt强制转换 这是结果 4
----------------------------------------------------------------------------------------------------------------------------------
var cars=new Array()//数组
cars[0]="Saab"
cars[1]="Volvo"
cars[2]="BMW"
for(var i=0;i<cars.length;i++){
alert(cars[i]);
----------------------------------------------------------------------------------------------------------------------------------
var student={ //定义对象
userId:1,
username:"Tom",
sex:1,
password:"11111",
flag:1
};
alert(student.userId);
alert(student.username);
alert(student.sex);
alert(student.password);
alert(student.flag);
}
----------------------------------------------------------------------------------------------------------------------------------
function testg(){
var t = "hello world"
alert(t.length);
找到参数的长度 alert(t.indexOf("e"));
代替 alert(t.replace("world","boy"));
查询 alert(t.search("or"));
}
function testd()
{
str="2,2,3,5,6,6"; //这是一字符串
var strs= new Array(); //定义一数组
strs=str.split(","); //字符分割
for (i=0;i<strs.length ;i++ )
{
document.write(strs[i]+"<br/>"); //分割后的字符输出
}
}
----------------------------------------------------------------------------------------------------------------------------------
对象function teste(){
var user = new Object();
user.userId=1;
user.username="Tom";
user.userpasssword="1345";
user.alertAll=function(){
alert("用户Id"+user.userId+"用户名"+user.username+"用户的密码"+user.userpasssword);
}
user.alertAll();
}
function textf(x,y){
return x+y;
}
function textff(x,y){
alert(textf(x,y));
} 两个套用函数
----------------------------------------------------------------------------------------------------------------------------------
时间显示代码
<html><body><script type="text/javascript">var d = new Date()d.setFullYear(1992,10,3)document.write(d)</script></body></html>
显示结果:Tue Nov 03 1992 15:01:12 GMT+0800 (中国标准时间)
这是其他3种常用的时间显示方法(补充)
---------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="Copyright" content="懒人图库 http://www.lanrentuku.com/" />
<meta name="description" content="学会偷懒,并懒出境界是提高工作效率最有效的方法!" />
<meta content="懒人图库" name="keywords" />
<title>懒人图库</title>
</head>
<body>
<table width="298" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="50" bgcolor="#f4f4f4">
<script language=JavaScript>
<!--
var enabled = 0; today = new Date();
var day; var date;
if(today.getDay()==0) day = " 星期日"
if(today.getDay()==1) day = " 星期一"
if(today.getDay()==2) day = " 星期二"
if(today.getDay()==3) day = " 星期三"
if(today.getDay()==4) day = " 星期四"
if(today.getDay()==5) day = " 星期五"
if(today.getDay()==6) day = " 星期六"
document.fgColor = "000000";
date = "今天是:" + (today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日" + day +"";
document.write(date);
// -->
</script>
</td>
</tr>
<tr>
<td height="50">
<div id="webjx"></div>
<script>setInterval("webjx.innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000);
</script></td>
</tr>
<tr>
<td height="50" bgcolor="#f4f4f4">
<span id=nowDate></span>
<span id=nowTime></span>
<script><!--
var ns4up1 = (document.layers) ? 1 : 0; // browser sniffer
var ie4up1 = (document.all&&(navigator.appVersion.indexOf("MSIE 4") == -1)) ? 1 : 0;
var ns6up1 = (document.getElementById&&!document.all) ? 1 : 0;
function nowclock() {
if (!ns4up1 && !ie4up1 && !ns6up1) return false;
var digital = new Date();
var hours = digital.getHours();
var minutes = digital.getMinutes();
var seconds = digital.getSeconds();
var day = digital.getDate();
var month = digital.getMonth() + 1;
var year = digital.getYear();
var amOrPm = "AM";
if (hours > 11) amOrPm = "PM";
if (hours > 12) hours = hours - 12;
if (hours == 0) hours = 12;
if (minutes < 10) minutes = "0" + minutes;
if (seconds < 10) seconds = "0" + seconds;
if (day < 10) day = "0" + day;
if (month < 10) month = "0" + month;
dispTime = hours + ":" + minutes + ":" + seconds + " " + amOrPm;
dispDate = year + "年" + month + "月" + day+ "日, " ;
if (ns4up1) {
document.layers.nowTime.document.write(dispTime);
document.layers.nowTime.document.close();
document.layers.nowDate.document.write(dispDate);
document.layers.nowDate.document.close();
} else if (ns6up1){
document.getElementById("nowTime").innerHTML = dispTime;
document.getElementById("nowDate").innerHTML = dispDate;
} else if (ie4up1){
nowTime.innerHTML = dispTime;
nowDate.innerHTML = dispDate;
} setTimeout("nowclock()", 1000);
} nowclock();
//-->
</script>
</td>
</tr>
</table>
<p>查找更多代码,请访问:<a href="http://www.lanrentuku.com" target="_blank">懒人图库</a></p>
</body>
</html>
--------------------------------------------------------------------------------------------------
今天是:117年7月11日 星期二
E-mail 验证
下面的函数检查输入的数据是否符合电子邮件地址的基本语法。
意思就是说,输入的数据必须包含 @ 符号和点号(.)。同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号:
function validate_email(field,alerttxt){with (field){apos=value.indexOf("@")dotpos=value.lastIndexOf(".")if (apos<1||dotpos-apos<2) {alert(alerttxt);return false}else {return true}}}
今天不是标题党了
卡哇伊的粉粉over
- 小仙女-javascript快速入门下
- 小仙女-快速入门javascript下下
- 小仙女—快速入门javescript基础
- 小仙女 快速学会登陆注册
- 天生丽质小仙女 jdbc servlet基础用法下
- 小仙女-Jquery基础
- 小仙女-mybatis基础
- 小仙女大梦想
- 小仙女是谁???
- 天生丽质小仙女-快速秒会VisualSVN Server的安装与配置
- javascript快速入门第二章基础知识(下)
- 小仙女-js基础精华
- 小仙女发展副业!!!python爬虫
- 小仙女-jquery 、ajax、jsp基础
- 小仙女讲软考(三):插入排序
- 小仙女讲软考(四):选择排序
- 小仙女学习之包装类浅析
- 蓝桥杯java组小仙女本人了
- easyui下拉框easyui-combobox input class=easyui-combobox 及控制层代码
- 使用php来访问操作sql server
- USB设备的VID与PID
- python 为什么Python不需要函数重载
- 算法-->穷举算法
- 小仙女-javascript快速入门下
- 27. Remove Element
- 非递归实现斐波那契数列
- POJ 1128 Frame Stacking(拓扑排序+dfs)
- Array Division
- Win8.1系统“Windows 套接字初始化失败”解决方案
- 【C语言模拟实现】浮点数-转-定点数
- Scrapy at a glance
- idea创建maven项目时一直显示“Loading archetype list ”