重新开始web编程,复习了一下JavaScript的一些基础东西,在此做一些总结。
第一篇: JavaScript 基础知识
最简单的一个JavaScript:
<script language = “JavaScript”>
alert(“Hello World!”);
</script>
多个<script>元素执行时采用顺序执行的方式进行。
页面输出:
<script language = “JavaScript”>
Document.write(“<h1>Hello World!</h1>”);
</script>
页面中不希望出现太多的JavaScript代码,可以使用<script>src属性导入需要的*.js文件:
<script language = “JavaScript” src = “hello.js”></script>
定义变量:
var num = 1;
var string = “hello”;
JavaScript程序结构:
(1)顺序结构(2)分支结构(3)循环结构
If(string == “hello”) {
........
} else {
........
}
输出九九乘法口诀:
<script type="text/javascript">
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() {}
<body οnlοad=”XX”.....> </body>
事件的命名:以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 action="" method="post" name="myform" onSubmit="return validateEmail(this)">
<input type="submit" value="注册">
</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="radio" name="sex" value="女">女 <br>
兴 趣:<input type="checkbox" name="interest" value="篮球"/>篮球
<input type="checkbox" name="interest" value="唱歌"/>唱歌
<input type="checkbox" name="interest" value="看电影"/>看电影
<input type="checkbox" name="interest" value="扯淡"/>扯淡
<input type="button" value="显示个人信息" onclick="showInfomation()"/>