javascript常用操作-CSDN博客

本文链接：https://blog.csdn.net/lizhenfu123/article/details/84396267

Javascript使用：

1.超链接使用js： <a href="javascript:alert(new Date())">获得今天的日期</a>

2.onclick动作相应js：οnclick="alert(new Date())

3.在html页面输出内容

document.write("<h1>输出的标题</h1>");

</script>

4.在js中使用变量：变量的值可以是变量得到任何类型，重新声明变量，其值也不会为空。

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属性获得任意一元素的值

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函数。

姓名：<input type="text" name="username" id="username" ><br>

密码：<input type="password" name="password" id="password"><br>

</form>

确定按钮响应事件调用验证函数。

9.循环和数组的应用：

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当文本框失去光标时获得用户的注册名验证是否可以注册

function checkname()

{

var name=document.getElementById("name").value;

document.write(name);

}

</script>

在文本框中增加属性当失去光标时调用上面函数

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对象，用于获得浏览器的信息

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