JavaScript 学习笔记(一)

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()弹出输入提示框

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

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

时间: 2024-10-14 11:21:24

JavaScript 学习笔记(一)的相关文章

Javascript 学习笔记 2: 标识语句

可以在任何语句声明之前使用唯一标识(identifier)和冒号(:)用来标记该语句: identifier: statement 这样,你可以在程序的任何其他地方通过标识来使用这个语句.即使在语句内部也可以使用该语句的标识(例如:循环语句和条件语句).当在一个循环语句前添加一个标识,你可以在语句内部通过break 标识来退出当前循环,也可以通过continue标识来继续执行该语句.例如: mainloop: while(token != null) { // Code omitted... c

javascript学习笔记---ECMAScript-判断变量类型

判断类型之前,先要清楚有哪些类型. (理理思路:程序由数据和方法构成,数据由简单数据和复杂数据构成) 即类型有: 数据(简单数据:boolean,string,num,undefined,null.复杂数据:object), 方法(function) 万能的typeof,神一样的方法 typeof(1);// num typeof("hello");// string   typeof(false);// boolean var vFlag; typeof(vFlag);// unde

javascript学习笔记---ECMAScript语法(引用类型)

引用类型通常叫做类(class). 本教程会讨论大量的 ECMAScript 预定义引用类型. 引用类型 引用类型通常叫做类(class),也就是说,遇到引用值,所处理的就是对象. 本教程会讨论大量的 ECMAScript 预定义引用类型. 从现在起,将重点讨论与已经讨论过的原始类型紧密相关的引用类型. 注意:从传统意义上来说,ECMAScript 并不真正具有类.事实上,除了说明不存在类,在 ECMA-262 中根本没有出现"类"这个词.ECMAScript 定义了"对象定

javascript学习笔记---ECMAScriptECMAScript 对象----定义类或对象

使用预定义对象只是面向对象语言的能力的一部分,它真正强大之处在于能够创建自己专用的类和对象. ECMAScript 拥有很多创建对象或类的方法. 原始的方式 因为对象的属性可以在对象创建后动态定义(后绑定),类似下面的代码: var oCar = new Object; oCar.color = "blue"; oCar.doors = 4; oCar.mpg = 25; oCar.showColor = function() { alert(this.color); };不过这里有一

javascript学习笔记---ECMAScriptECMAScript 对象----修改对象

通过使用 ECMAScript,不仅可以创建对象,还可以修改已有对象的行为. prototype 属性不仅可以定义构造函数的属性和方法,还可以为本地对象添加属性和方法. 创建新方法 通过已有的方法创建新方法Number.prototype.toHexString = function() { return this.toString(16); }; 在此环境中,关键字 this 指向 Number 的实例,因此可完全访问 Number 的所有方法.有了这段代码,可实现下面的操作: var iNu

javascript学习笔记——如何修改&lt;a href=&quot;#&quot;&gt;url name&lt;/a&gt;

0.前言 使用了一段时间javascript,再花了点时间学习了jquery,但是总是感觉自己很"迷糊",例如<a href="#">url name</a>中,如果修改href中的"#"应如何编写代码,如果修改url name应如何编写代码.再加上javascript和jquery操作方法略有不同,所以我就更"迷糊"了. [说明] 曾经使用关键词--"innerHTML和value区别&qu

javascript学习笔记---ECMAScript语法(辅助)

1.区分大小写. test与Test变量是两个不同的变量 2.变量是弱变量. 与C,java等等语言变量不是很一样. 如下java代码 ? 1 2 3 4 int i =0; //再次赋值 i = 10;//ok i = "hello";//wrong 类型不匹配 javascript ? 1 2 3 4 var i = 9; //再次赋值 i = 10;//ok i = "hello";//ok 但是不建议这么干,如此会给开发造成干扰,不明确变量的类型.(变量命名

javascript学习笔记---ECMAScript语法(变量)

变量声明关键字var: var i = 1: var t = "asd"; var test1 = "hi", test2 = "hello"; 声明变量不一定要初始化, var i;//ok 另一方面在使用变量前若未加关键字var,则此变量为全局变量(此特性需特别记住). 变量名字: 变量名需要遵守两条简单的规则: 第一个字符必须是字母.下划线(_)或美元符号($) 余下的字符可以是下划线.美元符号或任何字母或数字字符 命名变量规则: Came

JavaScript学习笔记【2】表达式和运算符、语句、对象

笔记来自<JavaScript权威指南(第六版)> 包含的内容: 表达式和运算符 语句 对象 表达式和运算符 数组直接量中的列表逗号之间的元素可以省略,这时省略的空位会填充值undefined.元素列表末尾可以留下单个逗号,这时并不会创建一个新的值为undefined元素. 属性访问表达式,.identifier的写法只适用于要访问的属性名称是合法的标识符,并且需要知道要访问的属性的名字.如果属性名称是一个保留字或者包含空格和标识符,或是一个数字(对于数组来说),则必须使用方括号的写法.当属性

JavaScript学习笔记【3】数组、函数、服务器端JavaScript概述

笔记来自<JavaScript权威指南(第六版)> 包含的内容: 数组 函数 服务器端JavaScript概述 数组 数组是动态的:根据需要它们会增长或缩减,并且在创建数组时无须声明一个固定的大小或在数组大小变化时无须重新分配空间. 数组可能是稀疏的:索引不一定要连续的,它们之间可以有空缺. 通常,数组的实现是经过优化的,用数字索引来访问数组元素一般来说比访问常规的对象属性要快很多. 数组继承自Array.prototype中的属性,它定义了一套丰富的数组操作方法. 如果省略数组直接量中的某个