Javascript使用:
1.超链接使用js: <a href="javascript:alert(new Date())">获得今天的日期</a>
2.onclick动作相应js:οnclick="alert(new Date())
3.在html页面输出内容
<script language="javascript">
document.write("<h1>输出的标题</h1>");
</script>
4.在js中使用变量:变量的值可以是变量得到任何类型,重新声明变量,其值也不会为空。
<script language="javascript">
var name="贾峰";
document.write("<h1>"+name+"</h1>");
name=34;
var name;
document.write("名字改为数字"+name);
</script>
5.js中变量的计算:当数字与数字计算时按照算术的计算规则,当数字与字符串计算时按照字符串的计算规则。
6.confirm("文本") 弹出确认框,确认返回true,取消返回false;
7.prompt("文本","默认值") 返回输入的值(字符串或数字),取消返回null;
8.验证为空:可以根据id属性获得任意一元素的值
<script>
function getNamePass()
{
var name=document.getElementById("username").value;
//等效于 var name=document.loginForm.username.value;
//(loginForm为表单所在的form表单,username为文本框的name属性)
var password=document.getElementById("password").value;
if(name=="" || password=="" )
alert("用户名不能为空!");
else
document.write(name+password);
}
</script>
以上为验证为空的js函数。
<form action="" method="post" >
姓名:<input type="text" name="username" id="username" ><br>
密码:<input type="password" name="password" id="password"><br>
<input type="button" value="确定" οnclick="getNamePass()">
</form>
确定按钮响应事件调用验证函数。
9.循环和数组的应用:
<script language="javascript">
var x;
var arrs=new Array();
for(var i=0;i<20;i++)
{
arrs[i]=i*2;
}
for(x in arrs)
{
document.write(arrs[x]+"<br>");
}
</script>
Array的数组对象的join()方法可以将数组元素转化为字符串中间用逗号分隔
document.write(arrs.join());
Array的sort()方法对数组按照文字排序
var arr=new Array();
arr[2]="aaaa";
arr[1]="bbb";
arr[0]="ccc";
arr.sort();
document.write(arr.join());
Array的concat(Array arr)方法可以合并两个数组,返回一个新的数组
var test=arrs.concat(arr);
10.文本框的onblur属性表示文本框失去光标,可用于判断用户填写的用户名是否可以注册:
首先编写js当文本框失去光标时获得用户的注册名验证是否可以注册
<script language="javascript">
function checkname()
{
var name=document.getElementById("name").value;
document.write(name);
}
</script>
在文本框中增加属性当失去光标时调用上面函数
<input type="text" id="name" name="username" οnblur="checkname()">
11.字符串对象String
String的length属性获得字符串的长度
var text="床前明月光!"
document.write(text.length);
String的toUpperCase()方法可以得到字符串的大写表示
var str="hello world!";
document.write(str.toUpperCase())
String的indexOf(String str) 方法可以获得子串首次出现在字符串中的位置
document.write(str.indexOf("lo"));
String的match(String str)方法查找字符串中是否含有某子串有返回子串没有返回null
document.write(str.match("wor"));
String的replace("String oldStr","String newStr")方法用新字符替换掉旧字符返回替换过后的字符串
document.write(str.replace("o","n"));
12.日期对象Date
var date=new Date(); //创建一个当前日期对象
document.write(date.getTime());//获得日期的长整型
document.write(date.getDate()); //获得每月中的天
document.write(date.setFullYear(2011,11,13)); //按照yyyy年MM月dd日格式
设置日期对象返回一个设置过日期的长整型
date.setDate(date.getDate()-1);//设置日期对象为前一天(如果增加天数会改变年月那么日期对象自动完成转换)
var nowdate=new Date()
if(date>nowdate) //两个日期对象可以进行比较
{
alert("nowdate is before date !");
}else{
alert("date is before nowdate !");
}
13.Math对象提供了对数组操作的方法:
document.write(Math.round(4.7));//四舍五入方法
document.write(Math.random());//获得【0-1)随机数方法
document.write(Math.max(1,3,5,7,4,6,8));//获得任意个数字之中的最大数
document.write(Math.min(3,4,5,2,1));//获得任意个数字中的最小数
document.write(Math.floor(4.99999)); //获得一个浮点数的整数位
14.RegExp 对象可以定义一个检索模式检索字符串中是否含有该模式的字符
var patt1=new RegExp("e"); //定义一个e模式的检索
document.write(patt1.test("hello"));//test)方法如果含有返回true
document.write(patt1.exec("hello"));//exec有返回检索模式没有返回null
//如果定义 var patt1=new RegExp("e","g");e为模式exec方法返回所有的e
patt1.compile("d") //更改检索模式
15.Navigator对象,用于获得浏览器的信息
<script language="javascript">
function detectBrower()
{
var browser=navigator.appName; //获得浏览器名字
var b_version=navigator.appVersion; //获得浏览器版本信息
var version=parseFloat(b_version);
if(browser=="Microsoft Internet Explorer" || browser=="Netscape" &&
version>=5)
{
alert("your browser is good enough !");
}else{
alert("it is time to upgrade your browser !");
}
document.write("Browser name :"+browser+"<br>");
document.write("Browser version :"+ version +"<br>");
}
</script>
16.计时事件
var t=setTimeout("alert('5 secends !')",5000);//设置定时器5秒之后执行alert()语句
clearTimeout(t) //清楚设定的定时器
17.设置html中元素的显示或隐藏可用其style.value="";或style.value="none";
18.Window对象:
1.alert方法,2.confirm方法3.prompt