`
holoblog
  • 浏览: 1264173 次
博客专栏
E0fcf0b7-6756-3051-9a54-90b4324c9940
SQL Server 20...
浏览量:19538
文章分类
社区版块
存档分类
最新评论

JavaScript学习总结(1)

 
阅读更多

JavaScript是由NetScape发明的;语法和Java非常类似;但是注意的一点是:Java和JavaScript没有任何关系。

HTML使用小技巧:

如果想要输出一个空的表格,则需要<td>&nbsp</td>


一、使用JavaScript


如果要在HTML中引入JavaScript,则有两种方式:

(1)内部引入:JS代码直接在HTML中编写;

导入的结构如下:


(2)外部引入:JS代码在外部编写后导入到HTML中;


二、JavaScript语法

1.跳出提示框 alert


在JavaScript中,使用的最多的就是alert,此语句会使得浏览器弹出一个提示框;

alert("Hello world!!!" );就能弹出一个Hello world!!!的提示框;



2.页面输出内容 document.write()


此语句也是非常常用的,可以直接向页面输出内容;比如:

document.write("<h3>Hello world!!!</h3>"); 就可以在页面中显示Hello world!!!

此语句和JSP中的out.println()非常类似;




3.定义变量 var


这个特性和python是很类似的,Java中,有许多特定的数据类型,但是在JS中,只需要将任何类型的值赋予var即可;

例如:

(1)var num1 = 5; num1的类型就是整数;

(2)var str1 = "Hello world!!!"; str1的类型就是字符串;



4.字符串比较


在JavaScript中,比较字符串是否相等只需要通过==即可;而不需要equals();


5.函数声明


在JavaScript中,函数声明非常简单,形式如下:

function(参数...){

[返回值;]

}

注意:

(1)参数也不能声明类型,只需要写明参数的名称即可;

(2)函数声明并看不出是否有返回值,在实现中,如果有返回值,则return;


6.数组 Array


这里的数组也是没有类型的;只需要var arr = new Array(...);即可;数组的初始化有两种方式:

(1)静态初始化:var arr = new Array("1","2","3"); 直接赋值;

(2)动态初始化:var arr = new Array(length); 只声明长度;后来在赋值;

如果是动态初始化,一开始数组的元素内容是“undefined”;

输出数组内容:注意:arr.length返回数组长度;

for(i=0;i<arr.length;i++){

arr[i] ....

}


三、JavaScript事件


JavaScript的事件增加了动态效果,并且一般来说,触发事件后,都会调用某个函数,以完成功能;

1.body包含的事件


(1)onLoad:打开网页时调用;
(2)onUnLoad:关闭网页时调用;


2.表单提交事件 onSubmit


当点击表单的submit按钮时,就会除触发onSubmit事件,并调用某函数,通常此事件用于验证操作;

补充:

在JavaScript中获得表单控件的值:可以通过层层递进的方式获得;

比如:


(1)获得文本控件的值:document.f.name.value即可获得;

(2)获得单选按钮中的“男”按钮的值:document.f.radiobutton[0].value;

(3)获得单选按钮中的“女”按钮的值:document.f.radiobutton[1].value;


3.单击事件 onClick


当单击某个控件,则触发该事件;

(1)在<a href>中触发onClick;

(2)在button中触发onClick;


4.下拉列表事件 onChange


此事件在下拉列表的值改变时触发;


四、JavaScript中的正则表达式


在JavaScript中也支持正则,但是使用语法与Java稍微不同;

/正则/.test(字符串);

比如email的验证:

/^\w+@\w+.\w+$/.test(value);


以上完成了一个简单的验证操作;注意:

观察onSubmit事件,如果需要让返回值有用,需要return;


分享到:
评论

相关推荐

    JavaScript学习总结

    本文档,是本人看了大量的JavaScript书籍和文档后,将自己所积累到的关于JavaScript方面的知识总结起来,而写成的一个关于JavaScript的学习总结文档

    JavaScript学习基础学习心得

    ### JavaScript 学习基础心得 在深入探讨JavaScript的基础深度原理之前,我们首先了解JavaScript的一些基本概念,这将有助于我们更好地理解和应用这些高级知识点。 #### 浏览器组成 浏览器是JavaScript运行的重要...

    JavaScript的学习总结

    自己弄得一个总结文档方便初学者快速学习 csdn真恶心

    javaScript学习笔记总结.docx

    1. 内嵌式:直接将JavaScript代码写在HTML文件中。 2. 外链式:将JavaScript代码放在独立的.js文件中,通过`&lt;script&gt;`标签引入。 3. 行内式:将JavaScript代码作为HTML标签的属性,如`onclick`事件处理程序。 注释...

    javascript学习总结,包含平时积累的例子

    本学习总结主要涵盖JavaScript的基础知识、语法特性、以及一些实用的例子。 1. **基础概念** - JavaScript是解释型语言,由网景公司的Brendan Eich在1995年发明。 - 它主要应用于网页和网络应用,但也可用于...

    Javascript学习总结.doc

    JavaScript学习总结 JavaScript是一种解释型的脚本语言,主要应用于Web应用开发,尤其在HTML网页中,它赋予网页动态功能,使得用户体验更加丰富。早期JavaScript主要用于简单的网页特效,如表单验证和浮动广告,但...

    JavaScript高级程序设计学习总结

    以下是我对这本书学习的总结: 1. **变量与数据类型** JavaScript中的变量是动态类型的,可以随时更改其数据类型。基本数据类型包括:Number、String、Boolean、Null、Undefined以及Symbol(ES6新增)。此外,还有...

    个人Javascript学习笔记 精华版

    个人Javascript学习笔记 精华版 本资源为个人Javascript学习笔记的精华版,涵盖了Javascript的基础知识、事件处理、对象和系统函数、浏览器对象等方面的内容。下面是对每个知识点的详细说明: 1. 什么是JavaScript...

    javascript学习总结.doc

    在本文中,我们将深入探讨JavaScript的学习总结,包括其对象、DOM、历史与位置对象、变量、表达式、运算符、数据类型、函数以及对象的扩展。 首先,JavaScript中的对象分为三类:内置对象、DOM对象和自定义对象。...

    javascript学习总结中(二)

    在“javascript学习总结中(二)”这篇博文中,作者主要分享了JavaScript编程中的关键概念和技术,这对于我们深入理解和应用JavaScript至关重要。JavaScript是一种广泛用于网页和应用程序开发的脚本语言,它赋予网页...

    Javascript总结导图

    本篇内容将围绕"JavaScript总结导图"展开,深入探讨JavaScript的基础知识、核心概念以及高级特性。 1. **基础语法** JavaScript的基础包括变量声明(var、let、const)、数据类型(如字符串、数字、布尔值、null、...

    javascript学习总结.pdf

    JavaScript是一种广泛应用...理解并熟练运用这些核心概念是JavaScript学习的基础,掌握它们能够帮助开发者构建动态、交互性强的网页应用。随着学习的深入,还会涉及到事件处理、Ajax异步通信、闭包、模块化等高级主题。

    Javascript学习资料

    这份"Javascript学习资料"包含了对这门语言深入理解和实践的关键知识点。 标题中的"Javascript学习资料"表明这是一个针对初学者或者希望提升技能的开发者的学习资源集合。其中包含了一本名为"10步学习 JavaScript....

    JavaScript基础知识总结

    1. JavaScript 的基础知识 在学习 JavaScript 之前,你需要了解 HTML 和 XHTML 的基础。JavaScript 被设计用来向 HTML 页面添加交互行为,通过在 HTML 中插入 JavaScript 代码,可以实现页面元素的动态操作和用户...

    javascript学习笔记整理知识点整理

    这份“javascript学习笔记整理知识点整理”是针对初学者的一份宝贵资料,涵盖了JavaScript的基础知识,旨在帮助新手快速入门并掌握这门语言的核心概念。 一、变量与数据类型 在JavaScript中,变量用于存储数据。...

    javascript学习总结

    在深入学习JavaScript时,理解和掌握函数是至关重要的,因为它们是组织代码、执行特定任务的基本单元。 函数在JavaScript中扮演着核心角色,允许我们将代码封装到可重用的块中。创建函数有两种主要方式:函数声明和...

    头歌教学实践平台 Web前端开发基础 JavaScript学习手册九:字符串

    总结,JavaScript中的字符串是处理文本数据的基本工具。理解和掌握字符串的特性及操作方法,对于Web前端开发者来说至关重要。通过熟练运用这些知识点,开发者能够更高效地处理和展示网页上的文本信息。在实际项目中...

Global site tag (gtag.js) - Google Analytics