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>