码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 学习笔记(一)

时间:2015-04-06 21:30:02      阅读:256      评论:0      收藏:0      [点我收藏+]

标签:

PS:最近先不更新JAVA的学习笔记了,由于5月份,实验室大三的要走,所以为了内部管理系统项目,

只能先开始学习JavaScript,DOM以及JQuary了。。先搞定这三个部分吧。。JAVA只能熬到半夜学习

了,博客就先暂时更新这一部分的内容。。。

 

学习内容:

1.了解JavaScript。。

2.JavaScript开发的基本工具

3.JavaScript的简单程序

4.JavaScript的基本语法

 

1.了解JS

何为JavaScript,JavaScript是一个脚本语言,是实现网页动态效果的基石,其实说白了,就是一个网页

如果没有JavaScript就无法实现动态的界面。应用与WEB开发中,只有学明白了JS,才能学懂ajax,/jquray

/extjs等等东西。。。

首先我们要明确,JavaScript与JAVA是两个完全不同的概念,JavaScript是脚本语言,而JAVA是编程语言,

编程语言需要经过编译,才能够执行,并且可以单独的发挥作用,而JS则是内嵌在HTML,PHP,ASP等等中的,

单独的执行JS是没有什么意义的。。并且相比于编程语言,JS在语法上的要求并不是特别的严格与规范。。

像JAVA编程语言可以编译成二进制的,执行的速度与效率也是非常的高效的,并且JAVA是靠JVM来编译运行的

而JS是靠脚本执行引擎来解释执行,一般也就是浏览器。。。

 

2.JS的开发工具:

JS的开发工具是有很多的,就拿最简单的来说,就是记事本,除了记事本还有Editplus,Myeclipse,Dreamweaver

等等工具。。。开发的工具有很多,自己选一款就行了。。。

 

3.一个简单的JS程序

 

<!DOCTYPE html>
<html>

<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>

<body>

<h1>My Web Page</h1>

<p id="demo">A Paragraph</p>

<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>

 

上面的代码我们不需要明白其中的意思,我们只需要知道,JS代码必须要嵌套在其他语言中才能使用

JS代码可以放在<head>中也可以放在<body>中。。并且JS分为内部JS和外部的JS,内部的JS代码其实

就是上面写得那样,是直接写在html文档中的,而外部JS就是将JS代码写到另外的文件当中,然后在

html文档中进行引用就可以了。。。比如说:

 

<!DOCTYPE html>
<html>
<body>

<h1>My Web Page</h1>

<p id="demo">A Paragraph.</p>

<button type="button" onclick="myFunction()">点击这里</button>

<p><b>注释:</b>myFunction 保存在名为 "myScript.js" 的外部文件中。</p>

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

</body>
</html>

 

上面的代码就是使用了外部JS的方式,在实际的制作网页中使用外部的JS其实要更加的好一些。。

4.JS的基本语法。。。

简单的介绍几个常用的JS方法

(1)document.write() 输出语句

(2)document.getElementById("对象名") 得到表单中元素名称的值

(3)parseInt() parseFloat()强制转换类型

(4)window.alert()弹出提示信息

(5)window.confirm()弹出确认框

(6)window.prompt()弹出输入提示框

这几种方法算是非常常用的方法了,我在这里也仅仅的列出了几种而已。。。常用的方法还是有很多的

在以后的笔记中将继续介绍。。。

 

JavaScript 学习笔记(一)

标签:

原文地址:http://www.cnblogs.com/RGogoing/p/4395843.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!