web基础_javascript_and_css

《web基础_javascript_and_css》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、讲师：刘英杰中软培训中心邮件：811061249@qq.com课程名称web基础主要内容了解javaScript出现的背景javaScript函数的定义变量的定义函数的调用onLoadonClick主要内容对象基本对象MathDateDOM对象TextgetElementByIdinnerHTMLwww.csst.com.cnJavaScript语言概况javaScript出现的背景www.csst.com.cnJavaScript语言概况什么是JavaScript？它是Netscape开发出的一种脚本语言，其目的是为了扩展基本HTML的功能.它是一种运

2、行在客户端的脚本语言，代码可以直接放入HTML文档中，可以直接在支持JavaScript的浏览器中运行.www.csst.com.cnJavaScript语言概况为什么使用javaScript?防止客户的非法输入客户端验证如何使用JavaScript在HTML文档的head中直接写：//javaScriptCode从外部引入引入JS文件后，在HTML文件中就可以调用JS文件定义的函数了JavaScript在HTML插入方式

3、>定义函数和调用函数函数是JavaScript的基本组成部分，由一系列描述语句组成，用以完成特定的任务。函数定义由以下四部分组成：一个function关键字；一个函数名；参数列表；函数描述语句。functionf1(){//code}函数的调用通常是点击”button”触发事件.实例alert();JavaScript基本语法变量的声明JavaScript不是强

4、类型语言，变量可以不声明而直接使用。即使声明也不用指明类型var<变量名>[=<变量值>];//注意有分号vartmp=3;JS是区分大小写的JavaScript基本语法JavaScript变量的类型可以是：1、整型varf=123;2、浮点型varf=1.23;3、字符串型varf=‘hello’;4、布尔型true和falsevarf=true;5、对象JavaScript基本语法语句：以分号结束，可以使用{}将多个语句括在一起JavaScript语句在语法上与Java基本相同，也包括了顺序、分支、循环三种程序结构JS的注释单行注释：//thisis

5、acomment多行注释：/*Thisisacommentblock*/分支结构if语句if(<条件>)<语句1>[else<语句2>];switch语句switch(e){ caser1:  [break;] caser2:  [break;] [default:  ...]}循环结构for循环for(<变量>=<初始值>;<循环条件>;<变量累加方法>)<语句>;while循环while(<循环条件>)<语句>;do<语句>while((<循环条件>);调用JavaScriptJavaScript在HTML中的重要用途之一是编写事件处理

6、程序。如按钮被按下会激发OnClick事件。这些事件发生时，可以激发相应的用JavaScript编写的事件处理程序通过用户事件执行脚本在打开页面时执行脚本利用onLoad事件执行脚本在打开页面时执行脚本当浏览器打开一个HTML文档时，它会从头开始解释整个文档包括HTML标签和脚本，如果脚本中有可以直接执行的语句，则会在遇到的时候马上解释执行。利用onLoad事件执行脚本onLoad事件是一个页面在浏览器中打开时发生的，该方法常用于在打开一个页面的同时向用户显示一些消息。在下面的例子中脚本定义了一个opennews函数，如果不调用该函数，它将不会被执行，我

7、们可在标签的onLoad事件中调用该函数。利用onLoad事件执行脚本执行结果通过用户事件执行脚本用户在浏览器中阅读Web页时经常会使用鼠标和键盘，比如移动鼠标点击链接、单击按钮等行为，这些行为都会产生相应的事件，我们可以通过对这些事件编写脚本来进行

8、特殊的处理通过用户事件执行脚本