ch2.HTML,javascript简介-- javascript

最新推荐文章于 2014-12-18 10:23:34 发布

thystar

最新推荐文章于 2014-12-18 10:23:34 发布

阅读量578

点赞数

分类专栏： Java Web学习笔记

本文链接：https://blog.csdn.net/thystar/article/details/41380419

版权

Java Web学习笔记专栏收录该内容

22 篇文章 0 订阅

订阅专栏

JavaScript简介：

JavaScript（Java脚本）是一种基于对象和时间驱动并具有安全性能的脚本语言。可以轻松实现与HTML的互相交互。

基于对象：指在程序的内部已经为用户提供好了若干个对象，用户直接使用这些对象即可，而Java属于面向对象的语言，所谓面向对象就是指类需要用户自己定义。对象由用户自己产生。

这里说明： http://www.w3school.com.cn/js/js_intro.asp

JavaScript 与 Java 是两种完全不同的语言，无论在概念还是设计上。

Java（由 Sun 发明）是更复杂的编程语言。

ECMA-262 是 JavaScript 标准的官方名称。

JavaScript 由 Brendan Eich 发明。它于 1995 年出现在 Netscape 中（该浏览器已停止更新），并于 1997 年被 ECMA（一个标准协会）采纳。

第一个Javascript小程序：

<html>
	<head>
		<title>www.thystar.com </title>
		<script language = "JavaScript">
			document.write("<h1>thystar<h1>");
			document.write("<p>Welcome</p>");
		</script>
	</head>
	<body>
		
	</body>
</html>

Javascript所有代码都是采用顺序的方式执行，同时，所有的HTML元素可以直接使用JavaScript进行输出，此时的所有代码都在html文件中编写。一般开发都会使用*.js保存Javascript代码，用时候直接导入。

在Javascript中，用var定义变量，不需要指明类型。

在Javascript中，==可以用来直接比较字符串

在Javascript中，程序也有三种结构：

顺序结构
分支结构
循环结构

写一个小程序：输出乘法表

<pre name="code" class="html"><html>
	<head>
		<title>www.thystar.com </title>
		<script language = "JavaScript">
			document.write("<br><h1>乘法表</h1>")
			var rows = 10;
			document.write("<table border = \"1\">");
			for(i = 1; i < rows; i++){
				document.write("<tr>");
				for(j = 1; j<=i; j++){
					document.write("<td>"+ i + "*" + j + "=" + i*j+"</td>");
				}
				document.write("</tr>");
			}
			document.write("</table>")
		</script>
	</head>
	<body>
		
	</body>
</html>

输出结果：

希望表格输出但是有没有内容的时候，用document.write("<td> </td>")

重写代码如下：

<html>
	<head>
		<title>www.thystar.com </title>
		<script language = "JavaScript">
				document.write("<br><h1>乘法表</h1>")
				var rows = 10;
				document.write("<table border = \"1\">");
				for(i = 1; i < rows; i++){
					document.write("<tr>");
					for(j = 1; j<rows; j++){
						if(j <= i){
							document.write("<td>"+ i + "*" + j + "=" + i*j+"</td>");
						}
						else{
							document.write("<td> </td>");
						}
					}
					document.write("</tr>");
				}
				document.write("</table>")
		</script>
	</head>
	<body>
		
	</body>
</html>

输出：

Javascript中也可以定义函数：

Javascript中的函数定义：function 函数名称（var1, var2,...）

<html>
	<head>
		<title>www.thystar.com </title>
		<script>
			function fun(){
				var arr = new Array("学习","JAVA","WEB");
				var str = "数组内容:";
				for(i = 0; i < arr.length; i++){
					str += arr[i] + "."; 
				}
				return str;
			}
			alert(fun());
		</script>
	</head>
	<body>
		
	</body>
</html>