javascript简介

1.简介
JavaScript(Java脚本)是一种基于对象(Object)和事件驱动( Event Driven)并具有安全性能的脚本语言,使用JavaScript可以轻松的实现与HTML的互操作,并且完成丰富的页面交互效果,它是通过嵌入或调入在标准的HTML语言中实现的,它的出现弥补了HTML的缺陷,是java与HTML折衷的选择。

基于对象:

指的是程序的内部已经为用户提供好了若干个对象,用户直接使用这些对象即可。

面向对象:

java属于面向对象的语言,面向对象是指用户自己定义类,对象需要用户自己产生。

java与JavaScript的关系:

没有半毛钱关系。hahah.....

2.javaScript使用
只需要编写script元素即可。

<!doctype html>
<html lang="en">
 <head>
  <script type="text/javascript">
alert("Hello World!!!");
  </script>
 </head>
 <body>
   <script type="text/javascript">
alert("check!!");
  </script> 
 </body>

</html>

javaScript的代码都是顺序执行的。

如果希望控制在页面中显示:

<!doctype html>
<html lang="en">
 <head>
  <script type="text/javascript">
document.write("<h1>hello world</h1>");
  </script>
 </head>
 <body>
 </body>

</html>

如果所有的代码都在HTML中编写,那么JavaScrip会过长。一般在开发中使用*.js文件保存javaScript代码,用的时候导入即可。

hello.js内容:document.write("<h1>hello world</h1>");

  <script type="text/javascript" src="hello.js">

  </script>

2.1 变量的使用
使用var定义一个javaScript变量,变量的具体类型由所赋的内容来决定。

  <script type="text/javascript">
var num = 10;
var str = "devin";
alert("整型:" +num + ",字符串:" + str);

  </script>

当然,不使用var关键字也可以:

  <script type="text/javascript">
num = 10;
str = "devin";
alert("整型:" +num + ",字符串:" + str);

  </script>

2.2 顺序、分支、循环
  <script type="text/javascript">
str = "devin";
if( str == "devin"){
alert("内容符合!");
}else{
alert("内容不符!");
}

  </script>

在java中,双等号==是不能判断字符串相等的,而在javaScript中没有此限制。

  <script type="text/javascript">
document.write("<table border = \"1\">");
for(i = 1; i <= 9; i++){
document.write("<tr>");
for(j=1; j<=9; j++){
if(j<=i){
document.write("<td>"+i + "*" + j + "=" +i*j+"</td>");
}else{
document.write("<td>&nbsp;</td>");
}
}
document.write("</tr>");
}
document.write("</table>");

  </script>

2.3 函数
javaScript中所有的函数都是function关键字定义的。

function 函数名(参数列表){
    [return 返回值]

}    

<script type="text/javascript">
function fun(){
var arr = new Array(3);
for(i=0; i<arr.length; i++){
arr[i]=i
}
var str = "数组内容:";
for(i=0; i<arr.length; i++){
str+=arr[i]+"、";
}
return str;
}
alert(fun());

</script>

javaScript中所有的数组是通过Array完成操作的。以上操作中为数组的动态初始化,静态初始化如下:

<script type="text/javascript">
function fun(){
var arr = new Array("You","And","Me");
var str = "数组内容:";
for(i = 0; i<arr.length; i++){
str += arr[i] + "、";
}
return str;
}
alert(fun());

</script>

函数中有参数列表的情况如下:

<script type="text/javascript">
function add(a,b,c){
return a+b+c;
}
alert(add(1,2,3));
</script>

posted @ 2019-04-27 21:25  7Nick7  阅读(229)  评论(0编辑  收藏  举报