JS基础知识及应用_第1页
JS基础知识及应用_第2页
JS基础知识及应用_第3页
JS基础知识及应用_第4页
JS基础知识及应用_第5页
已阅读5页,还剩27页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

JS基础知识及应用国际软件工程师培训学校什么是JavaScript?JavaScript被设计用来向HTML页面添加交互行为。JavaScript是一种脚本语言(脚本语言是一种轻量级的编程语言)。JavaScript由数行可执行计算机代码组成。JavaScript通常被直接嵌入

HTML页面。JavaScript是一种编译语言(就是说,代码执行不进行预编译)。所有的人无需购买许可证均可使用JavaScript。

JavaScript能做什么?JavaScript为HTML设计师提供了一种编程工具

JavaScript可以将动态的文本放入HTML页面

JavaScript可以对事件作出响应

JavaScript可以读写

HTML元素

JavaScript可被用来验证数据JavaScript可被用来检测访问者的浏览器JavaScript可被用来创建cookies

如何实现JavaScript?HTML的<script>标签用于把JavaScript插入HTML页面当中。

<html><body>

<scripttype="text/javascript">document.write("HelloWorld!"); </script>

</body></html>

把JavaScript放置在何处?位于head部分的脚本:

<head><scripttype="text/javascript">....</script></head>

位于body部分的脚本:

<body><scripttype="text/javascript">....</script></body>

使用外部JavaScript

<head><scriptsrc="xxx.js">....</script></head>

注:当页面载入时,会执行位于body部分的JavaScript。

当被调用时,位于head部分的JavaScript才会被执行。JavaScript语句JavaScript是由浏览器执行的语句序列。JS语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。

这个JS语句告诉浏览器向网页输出“Helloworld”:

document.write("Helloworld");

JS代码

JS代码是JS语句的序列。 <scripttype="text/javascript">document.write("<h1>Thisisaheader</h1>"); …</script>

JS代码块

JS可以分批地组合起来,代码块以左花括号开始,以右花括号结束。 <scripttype="text/javascript"> {document.write("<h1>Thisisaheader</h1>"); …}</script>

JavaScript注释JavaScript注释可用于增强代码的可读性。单行注释以//开始。

<scripttype="text/javascript"> //这行代码输出标题:

document.write("<h1>Thisisaheader</h1>"); //这行代码输出段落: document.write("<p>Thisisaparagraph</p>");</script>

多行注释以/*开头,以*/结尾。

<scripttype="text/javascript"> /*下面的代码将输出 一个标题和两个段落 */ document.write("<h1>Thisisaheader</h1>");document.write("<p>Thisisaparagraph</p>");</script>

JavaScript变量

变量是用于存储信息的容器

x=5;y=6;JavaScript变量名称的规则

.变量对大小写敏感(y

和Y

是两个不同的变量)

.变量必须以字母或下划线开始

声明(创建)JavaScript变量

您可以通过var语句来声明JavaScript变量:

varx=5; varcarname=“北京现代”;

注:在为变量赋文本值时,请为该值加引号。

JavaScript运算符运算符=用于赋值。运算符+用于加值。如:

varx;vary;varz;

y=5;z=2;x=y+z;

在以上语句执行后,x的值是。

y=“5”;z=“2”;x=y+z;

在以上语句执行后,x的值是。JavaScript算术运算符给定

y=5,下面的表格解释了这些算术运算符:

JavaScript赋值运算符给定

x=10

和y=5,下面的表格解释了赋值运算符:JavaScript比较运算符给定

x=5,下面的表格解释了比较运算符:JavaScript逻辑运算符给定

x=6以及y=3,下面的表格解释了逻辑运算符:JavaScript条件运算符JavaScript还包含了基于某些条件对变量进行赋值的条件运算符。语法:variablename=(condition)?value1:value2

例如:y=(X<5)?true:false;JavaScriptif...else语句if语句

if(条件){条件成立时执行代码}if...else语句

if(条件){条件成立时执行此代码} else{条件不成立时执行此代码}

if...elseif....else语句

if(条件1){条件1成立时执行代码} elseif(条件2){条件2成立时执行代码} else{条件1和条件2均不成立时执行代码}

注:请使用双等号(==)来比较变量!

JavaScriptswitch语句如果希望选择执行若干代码块中的一个,你可以使用switch语句:

switch(n) { case1: 执行代码块1 break case2: 执行代码块2 break default: 如果n即不是1也不是2,则执行此代码}

JavaScript消息框警告框

alert("文本"); 当警告框出现后用户需要点击确定按钮才能继续进行操作。

确认框

confirm("文本"); 如果用户点击确认,那么返回值为true。如果用户点击取消,那么返回值为false

提示框

prompt("文本","默认值");如果用户点击确认,那么返回值为输入的值。如果用户点击取消,那么返回值为nullJavaScript函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。如何定义函数

function函数名(var1,var2,...,varX) {代码...}

注:无参数的函数必须在其函数名后加括号。return语句

return语句用来规定从函数返回的值。

functionprod(a,b) {x=a*b;returnx}

JavaScriptFor循环JavaScript中的循环用来将同一段代码执行指定的次数语法: for(变量=开始值;变量<=结束值;变量=变量+步进值){需执行的代码}

例如:

<scripttype="text/javascript"> vari=0 for(i=0;i<=10;i++) { document.write("Thenumberis"+i) document.write("<br/>") } </script>JavaScriptWhile循环while循环用于在指定条件为true时循环执行代码。

while(变量<=结束值) {需执行的代码}

do...while循环

do{

需执行的代码 } while(变量<=结束值)

区别:do…while至少执行一次。JavaScriptBreak和ContinueBreak

使用break语句来终止循环

Continue

使用continue语句来终止当前的循环,然后从下一个值继续执行。

<html><body> <scripttype="text/javascript"> vari=0 for(i=0;i<=10;i++) { if(i==3){break}

document.write("Thenumberis"+i) document.write("<br/>")} </script></body></html>

JavaScript获取html元素getElementById()getElementsByName()getElementsByTagName()

查看例子JavaScript事件事件是可以被JavaScript侦测到的行为。onload和onUnloadonFocus,onBlur和onChangeonSubmitonMouseOver和onMouseOut

查看例子JavaScripttry…catchtry...catch的作用是测试代码中的错误.有两种在网页中捕获错误的方法:

1.使用try...catch

语句2.使用onerror

事件

try...catch语句

try{//在此运行代码} catch(err){//在此处理错误}

onerror事件

只要页面中出现脚步错误,就会产生onerror事件。

onerror=handleErrfunctionhandleErr(msg,url,l){//Handletheerrorhere returntrueorfalse}

查看例子:1

2JavaScriptthrow声明throw声明的作用是创建exception。语法:throw(exception)

exception可以是字符串、整数、逻辑值或者对象。throw声明的作用是创建exception(异常)。你可以把这个声明与try...catch声明配合使用,以达到控制程序流并产生精确错误消息的目的。

请查看例子JavaScript特殊字符你可以在JavaScript中使用反斜杠来向文本字符串添加特殊字符。JavaScript字符串对象计算字符串的长度(xxx.length)toUpperCase()方法Match()方法indexOf()方法

查看例子JavaScript日期对象newDate()方法

返回当日的日期getTime()方法

计算从1970年到今天有多少年

setFullYear()方法

得到精确的日期,有三个参数(年,月,日)toUTCString()方法

当日的日期(根据UTC)转换为字符串

getDay()方法显示星期,

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论