JavaScript入门之一:HTML常用标签、Js基本语法

时间:2021-10-12 17:28:52



HTML常用标签:

<html>
<head>
<title>浏览器标题html-hello World</title>
</head>

<body>
<center>
<h2><b><i>hello world!</b></i></h2>
</center>

<form>
<form action="" method="post" >
编  号:<input type="text" name="userid" value="No."
size="2" maxlength="2">
<br><br>

用户名:<input type="text" name="username" value="输入用户名">
<br><br>

密  码:<input type="password" name="userpassword" value="">
<br><br>

性  别(单选):<input type="radio" name="sex" value="男" checked>男 <input type="radio" name="sex" value="女">女
<br><br>

部  门(下拉菜单的单选):<select name="dept">
<option value="技术部">技术部 </option>
<option value="A部">A部 </option>
<option value="B部">B部 </option>
<option value="C部" SELECTED>C部 </option>
</select>
<br><br>

兴  趣(复选):
<input type="checkbox" name="interest" value="兴趣1">兴趣1
<input type="checkbox" name="interest" value="兴趣2">兴趣2
<input type="checkbox" name="interest" value="兴趣3" CHECKED>兴趣3
<input type="checkbox" name="interest" value="兴趣4" CHECKED>兴趣4
<br><br>

简  介(文本域):<textarea name="note" cols="30" rows="3">
默认文本
</textarea>
<br><br>

<input type="submit" value="注册"><input type="reset" value="重置">

</form>

</body>

</html>

JS基本语法

<!--Script标签在任何位置都可以被执行(甚至是<HEML>标签之外)-->
<!--多次出现标签的话,按出现顺序执行-->
<script language="Javascript">
//alert("hello javascript 1!");
document.write("<br>");
document.write("<h1>1 hello javascript!</h1>");
</script>


<!--导入所在目录下的 imp.js文件(此文件中只有一句alert("import!!!"); 无标签)-->
<script language="Javascript" src="imp.js">
</script>


<!--用var定义Js中的变量-->
<script language="JavaScript">
var num= 777; //写不写var都行
var info = "试试中文";
if(777 == num) //("试试中文" == info) 字串直接用 ==比较
{
document.write("数字 :"+ num + "_字串:" + info);
//alert("数字 :"+ num + "_字串:" + info);
}
else
{
document.write("数字 :"+ num + "不正确" + "_字串:" + info);
alert("数字 :"+ num + "不正确");
}
</script>


<!-- 循环输出一个表格 -->
<script language="JavaScript">
var rows = 10;
var cols = 10;
document.write("<table border=\"1\">");//先输出table,引号要转义
for(i=1;i<rows;i++)//行
{
document.write("<tr>");
showCols(i);//输出列的函数
document.write("</tr>");
}
document.write("</table>");

function showCols(i)//输出列的函数
{
flag = 0;
for(j=1;j<cols;j++)
{
if(j<=i)
{
document.write("<td>" + i*j + "</td>");
flag = true;
}
else
{
document.write("<td> </td>");
flag = false;
}
}
return flag;
}
</script>


<!-- Js数组 -->
<script>
function arr()
{
var arry = new Array(3); //初始化语法,貌似内置了Arry对象
var strArry = new Array("一","二","三"); //静态初始化
for(i=0;i<arry.length;i++)
{
arry[i] = i; //这又变成中括号了
}

var res = "内容";//存结果的字符串
for(i=0;i<arry.length;i++)
{
res += arry[i] + "_";
}

return res;
}

document.write("<br>" + arr() + "</br>");//打印res
</script>