首页 > 编程语言 > 详细

初步HTML+Javascript

时间:2020-09-13 21:36:25      阅读:67      评论:0      收藏:0      [点我收藏+]

初学Javascript基本语法

1、弹出警告框与页面输出

技术分享图片
技术分享图片

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
	<title>www.gzhankh.com</title>
	<script language="javascript">
		alert("hello world");
		alert("hello GzhAnkh!!!");
		num=10;
		info=100;
		alert("数字:"+num+";字符串"+info);
		if(num=10)
			{
			alert("数字"+num);
			}
	</script>
</head>
<body>
	<script lauguage="javascript">
		alert("good luck");
		document.write("<h1>hello</h1>");
	</script>
</body>
</html>

2、定义变量,变量的运算与自定义函数

技术分享图片

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>www.gzhankh.com</title>
	<script language="javascript">
		var rows=5;
		var cols=10;
		document.write("<table border=\"1\">");
		for(i=0;i<=rows;i++)
			{
			document.write("<tr>");
				for(j=0;j<cols;j++)
					{
					document.write("<td>"+i*j+"</td>");
					}
				document.write("</tr>");
			}
		document.writer("</table>");	
	</script>
</head>
<body>
		<script language="javascript">
		document.write("<table border=\"1\">");
		var a=9;
		var b=9;
		for(c=1;c<=a;c++)
		{
			document.write("<tr>");
				for(d=1;d<=b;d++)
				{
					if(d<=c)
					{
						document.write("<td>"+c+" * "+d+" = "+c*d+"</td>");
					}
					else
					{
						document.write("<td>&nbsp;</td>");
					}
				}
			document.write("</tr>");
		}
		document.write("</table>");
		function fun()
		{
			alert("hello world!");
			return"www.gzhankh";
		}
		alert(fun());
	</script>
</body>
</html>

借着一点点空闲时间慢慢学习javaWeb,内容简单,但是基础一定要打牢固。

初步HTML+Javascript

原文:https://www.cnblogs.com/Gzh001007/p/13662033.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!