JavaScript初学者学习笔记(1)

从今天开始学习JavaScript中,此博客作为学习的心得体会。

JavaScript的基本介绍:

首先,JavaScript的是一种脚本语言,一般嵌套在HTML中使用.JavaScript一般放在<HEAD>和<BODY>标签中。在HTML中,需要在初始化时进行的操作必须放在<HEAD>标签中,而若是需要进行相关操作的功能,就可以放在相应的位置处。除此之外,由于浏览器在读取HTML时是自上向下读取的,所以JavaScript的也是有顺序的,前面的JavaScript的语句将会先执行,然后在执行后面的语句嵌入HTML中时,使用<SCRIPT> </ SCRIPT>标签在标签对中的代码即为的JavaScript代码如以下代码。:

<!DOCTYPE HTML>
<HTML> 
<HEAD>
<meta http-equiv =“Content-Type”content =“text / html; charset = utf-8”/>
<TITLE>热身</ TITLE>
</ HEAD>
<BODY>
  <p id =“p1”>我是第一段文字</ p>
  <p id =“p2”>我是第二段文字</ p>
  <script type =“text / javascript”>
  文件撰写( “你好”);
  document.getElementById(“p1”)。style.color =“red”;
  </ SCRIPT>
</ BODY>
</ HTML>

上述代码中使用了JavaScript的的两个函数,一个是写,将字符串在网页中显示出来;而另一个则是更改文字的颜色属性.docunment是指本HTML文件暂时不清楚?

除了直接将原码嵌套进HTML文件中,JavaScript的也可以自己独立在文件中,文件后缀为.js..js文件可以直接导入进HTML文件中,例子如下:

的script.js

documnet.write( “引用JS文件!”)
的index.html
<!DOCTYPE HTML>
<HTML>
<HEAD>
<meta http-equiv =“Content-Type”content =“text / html; charset = utf-8”/>
<TITLE>引用JS文件</ TITLE>
<script src =“script.js”> </ script>
</ HEAD>
<BODY>
</ BODY>
</ HTML>

我们采用<script src =“XXXX.js”>的方式导入.js文件。注意,这里最好在前面加上type,即:<script type =“text / javascript”src =“XXXX.js”>,以免浏览器在分析型时出错。

JavaScript的语句是发送给浏览器的命令,这些命令的作用是告诉浏览器要做的事情与Java的一样,每一句的JavaScript结束时需要加上分号“;”。

JavaScript的变量声明:

在JavaScript的中,注释的方法与Java的类似,即使用//进行单行的注释,而在/ *和* /中的内容也都会被认为是注释。注释的内容将不会在网页中显示,只是方便程序员进行代码的阅读。

在JavaScript的中,定义变量使用VAR关键字进行定义:

var变量名

变量名可以任意取名,但是必须按照以下规则:

1,变量必须使用英文字母,下划线(_),美元符号($)开始。

2,可以使用任意多个英文字母,数字,下划线(_)或美元符号($)组成。

3,不能使用JavaScript的关键字与JavaScript的保留字。

注意:

1,在JavaScript的中,变量名区分大小写。

2,变量可以不声明直接使用,但不规范,需要先声明,后使用。

的JavaScript中的条件语句(如果...否则...):

跟Java的类似,如果后小括号为条件,满足走若,否则走别的代码如下:

<script type =“text / javascript”>
   var myage = 18;
   if(myage> = 18)// myage> = 18是判断条件
   {document.write(“你是成年人。”);}
   否则//否则年龄小于18
   {document.write(“未满18岁,你不是成年人。”);}
</script>
JavaScript中函数定义:

函数具有很好的重用性,在实现某一个重复功能时,调用函数可以节省每次都重复输入相同代码的时间。JavaScript中函数定义方法如下:

function 函数名()
{
     函数代码;
}

function为定义函数的关键字;函数名为该函数的名字,随意取,取名要求与变量名要求相同;函数代码为该函数实现功能的代码。函数写好后,不会自己执行,所以需要我们进行函数的调用。调用代码如下:

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数调用</title>
   <script type="text/javascript">
      function contxt() //定义函数
      {
         alert("哈哈,调用函数了!");
      }
   </script>
</head>
<body>
   <form>
      <input type="button"  value="点击我" onclick="contxt()" />  
   </form>
</body>
</html>

上面的代码是在鼠标点击按钮时,页面会弹出提示框,说明已经成功调用函数。

以上就是JavaScript的的一些初步知识。感觉除了函数与变量的定义与Java的不同,其他方面与Java的的文法都是非常相像的。还有就是关于函数的调用问题,JavaScript的中函数调用可以直接是定义在按钮标签中,而Java的中只能是类中调用方法,这一点需要注意。

猜你喜欢

转载自blog.csdn.net/shigure_q/article/details/80358323