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

最新推荐文章于 2023-03-01 00:17:48 发布

__NULL

最新推荐文章于 2023-03-01 00:17:48 发布

阅读量836

点赞数

分类专栏： JSP&Servlet入门文章标签： javascript html input table border action

本文链接：https://blog.csdn.net/null____/article/details/8026692

版权

JSP&Servlet入门专栏收录该内容

32 篇文章 1 订阅

订阅专栏

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>

__NULL

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JavaScript入门之一：HTML常用标签、Js基本语法

HTML常用标签：浏览器标题html-hello World hello world! 编号:<input type="text" name="userid" value="No." size="2" maxlength="2"> 用户名: 密码: 性别(单选):
复制链接

扫一扫