JavaScript的一些基础语法

来源：互联网发布：领航软件编辑：程序博客网时间：2024/05/17 22:41

重新开始web编程，复习了一下JavaScript的一些基础东西，在此做一些总结。

第一篇： JavaScript 基础知识

最简单的一个JavaScript:

alert(“Hello World!”);

</script>

多个<script>元素执行时采用顺序执行的方式进行。

页面输出：

Document.write(“<h1>Hello World!</h1>”);

</script>

页面中不希望出现太多的JavaScript代码，可以使用<script>src属性导入需要的*.js文件：

定义变量：

var num = 1;

var string = “hello”;

JavaScript程序结构：

（1）顺序结构（2）分支结构（3）循环结构

If(string == “hello”) {

........

} else {

........

}

输出九九乘法口诀：

var rows = 9;

var cols = 9;

document.write("<table border=\"2\">");

for ( var i = 1; i <= rows; i++) {

document.write("<tr>");

for ( var j = 1; j <= cols; j++) {

if(j <= i) {

document.write("<td>" + i + " * " + j + " = " + i*j + "</td>");

} else {

document.write("<td> </td>");

}

document.write("</tr>");

}

document.write("</table>");

</script>

JavaScript函数：

function 函数名(参数1，参数2......) {

[return 返回值]；

}

动态声明数组：var arr = new Array(3);

静态声明数组：vat arr = new Array(“C”, “C++”, “Java’);

事件处理：

Function XX() {}

事件的命名：以onXxx的形式命名，在JavaScript的所有事件中也是采用此种命名方式。

JavaScript与文本框的互操作：

Function show() {

Var value = document.form.userid.value;

// 对value的操作

}

JavaScript进行邮箱格式验证：

function validateEmail(f) {

// f这里表示Form，也可以使用其他

var value = f.email.value;

var re = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;

if(!re.test(value)){

alert("邮箱非法");

f.email.focus();

f.email.select();

return false;

}

return true;

}

</form>

JavaScript操作单选按钮和复选框：

function showInfomation() {

var id = document.myform.userid.value;

var sex;

if(document.myform.sex[0].checked) {

sex = document.myform.sex[0].value;

} else {

sex = document.myform.sex[1].value;

}

var interest = "";

for(var i=0; i<document.myform.interest.length; i++) {

if(document.myform.interest[i].checked) {

interest += document.myform.interest[i].value + "、";

}

alert(id + "\n" + sex + "\n" + interest);

}

编号: <input type="text" name="userid" value="NO"

size="2" maxlength="2">

性别: <input type="radio" name="sex" value="男" checked>男

兴趣：<input type="checkbox" name="interest" value="篮球"/>篮球

<input type="checkbox" name="interest" value="唱歌"/>唱歌

<input type="checkbox" name="interest" value="看电影"/>看电影

<input type="checkbox" name="interest" value="扯淡"/>扯淡