JavaScript脚本语言 两个简单的方法 alert(strvar); document.write(strvar);

Slides:



Advertisements
Similar presentations
网络应用程序设计 2014 JavaBean. JavaBean 及其属性 JavaBean 就是一种 Java 的组件技术 JavaBean 是 Java 类 JavaBean 通过约定的方法名实现属性功能 简单属性 void setXxx(Type value) Type getXxx() boolean.
Advertisements

1 HTML 语言与网页设计 —— DHTML 技术 2 学习目标 理解客户端脚本的作用,掌握在 网页中使用客户端脚本的方法。 理解 JavaScript 语言的基本语法。 理解 JavaScript 对象和浏览器对 象在脚本编程中的作用。 理解 DHTML 的原理,能够在网页 中应用 DHTML.
教师成绩录入步骤 1. 登录教务系统 2. 进入教师成绩管理界面 3. 选择相应的教学班,点击 “ 课程成绩录 入 ” 进入成绩录入界面 4. 点击 “ 设置 ” 按钮设置 “ 成绩分项 ” 5. 录入成绩, “ 保存成绩 ” 按钮可以保存成 绩但不提交(提交后不能再修改成绩) 6. “ 提交成绩 ”
7.2 图示化记忆 记忆的概述 图示化记忆 联想记忆法 奇特联想记忆法 用手记忆.
第4章 條件判斷與迴圈 Java 2 程式設計入門與應用.
網路程式設計-期末專案 資工二B B975701 2 8 黃首翰 ~Rock your life~
Tool Command Language --11级ACM班 金天行.
JavaScript中常用的互動方式 認識簡單的交談與基本的運算.
第12讲 Javascript 复习 信息学院 孙辉.
P303 HTML/DHTML/CSS/JavaScript 專業HTML網頁設計 陳錦輝.
了解JavaScript.
第一讲 JavaScript编程基础 信息学院 周宝刚.
第4章 JavaScript脚本语言基础 4.1 JavaScript简介 4.2 JavaScript语法基础
JavaScript 语言基础.
第3章 JavaScript语言基础.
《网页设计与制作》 教学课件.
《网页设计与制作》 教学课件 主讲人:湖南铁道职业技术学院 陈承欢
14 JavaScript语言基础 JavaScript是一种轻量级、解释型的Web开发语言。所谓轻量级,就是语言的体系结构不是很庞杂,例如,没有C、Java等语言中的类、内存管理、系统管理等高深的知识范畴;所谓解释型,就是语言在浏览器或服务器等环境中直接被解释执行,不需要对源代码进行编译操作。
Dreamweaver的工作界面.
第6章 脚本编程 讲述脚本的概念、JavaScript的基本语法、在页面上创建JavaScript的方法,重 点介绍了JavaScript内置对象和浏览器对象在Web页上的应用.
JavaScript与动态交互网页的制作
Ch07 PHP程式基礎 網頁程式設計.
网页制作 第五讲 Dreamweaver基础.
EBNF与操作语义 请用扩展的 BNF 描述 javascript语言里语句的结构;并用操作语义的方法描述对应的语义规则
第15章 行为 Dreamweaver CS4提供了丰富的行为,这些行为的使 用可以为网页对象添加一些动态效果和简单的交互功 能,使那些不熟悉JavaScript语言的网页设计师也可 以方便的设计出通过编写JavaScript语言才能实现的 功能。本章将首先介绍一些基本概念,以及“行为” 面板的基本操作;接着结合实例具体讲解常用的.
Javascript 初步 簡單程式篇 簡單程式篇.
第16章 行為指令的應用 16-1 認識行為面板 16-2 常用的行為指令.
Beyond Technology JavaScript(Ver1.0).
第7章 层与行为.
滑鼠移動與按鍵事件 JavaScript 滑鼠移動與按鍵事件.
JavaScript for Qt Quick
程式敘述執行順序的轉移 控制與重複、方法 Lecturer:曾學文.
張智星 台大資工系 多媒體檢索實驗室 第五章 自訂函數 張智星 台大資工系 多媒體檢索實驗室.
湖北职院计科系.
JavaScript 语言3 学习网站:心蕊设计
本單元介紹何謂變數,及說明變數的宣告方式。
第3章 C语言的基本语句 和程序结构设计.
ASP动态网页设计实用教程 主讲教师: 开课单位:.
JavaScript 靜宜大學 資管系 楊子青.
DWR WEB开发交流 1、自我介绍 2、DWR概述 3、DWR DEMO介绍 4、DWR实现机制 5、DWR配置说明 6、JS开发注意事项.
复习 JavaScript && ES6 专题 (1) 2017/3/10 – Payne
第二章 Java语言基础.
張智星 台大資工系 多媒體檢索實驗室 第六章 文件物件模型(DOM) 張智星 台大資工系 多媒體檢索實驗室.
JavaScript培训
程式語言與邏輯 高慧君 台北市立南港高中 2006年12月22日.
第4章 PHP流程控制语句.
C++语言程序设计 C++语言程序设计 第七章 类与对象 第十一组 C++语言程序设计.
1.3 C语言的语句和关键字 一、C语言的语句 与其它高级语言一样,C语言也是利用函数体中的可执行 语句,向计算机系统发出操作命令。按照语句功能或构成的不 同,可将C语言的语句分为五类。 goto, return.
Chapter 2 基本語法.
JavaScript Sunxiaoshen.
JavaScript 语言2 学习网站: 第 4 章 JavaScript 语言2 学习网站:
網路程式設計-期末專案 資工二B B96570101 戴偉恒 地 方 美 食.
C语言程序设计 第一章 数据类型, 运算符与表达式 第二章 顺序程序设计 第三章 选择结构程序设计 第四章 循环控制 第五章 数组.
Action Script 使用介紹 第六組 張瀚之.
第3章 JavaScript基本语句.
第4章 Excel电子表格制作软件 4.4 函数(一).
第二章 Java语法基础.
第九节 赋值运算符和赋值表达式.
多层循环 Private Sub Command1_Click() Dim i As Integer, j As Integer
ASP.NET实用教程 清华大学出版社 第4章 C#编程语言 教学目标 教学重点 教学过程 2019年5月5日.
第2章 JavaScript语言基础 2.1 数据类型、常量及变量.
第二章 Java基本语法 讲师:复凡.
第二章 Java基本语法 讲师:复凡.
PHP程式設計 五、程式流程控制結構 建國科技大學 資訊管理學系 饒瑞佶.
Do While 迴圈 東海大學物理系‧資訊教育 施奇廷.
C++语言程序设计 C++语言程序设计 第一章 C++语言概述 第十一组 C++语言程序设计.
C++语言程序设计 C++语言程序设计 第九章 类的特殊成员 第十一组 C++语言程序设计.
第6章 PHP基本語法介紹.
数的简单处理 ——顺序结构、变量、数据类型、运算符
顺序结构程序设计 ——关于“字符串”和数值.
Presentation transcript:

JavaScript脚本语言 两个简单的方法 alert(strvar); document.write(strvar);

网页中嵌入JavaScript <script language=“javascript”> statement; <script language=“javascript” src=“jsfile.js” > <a onclick=“statement || functionname”>执行JS</a> <a href=“Javascript:statement” >执行JS</a> 地址栏:Javascript:statement

数据类型 弱类型语言 number string boolean object

数值范围及常量 Number.MAX_VALUE Number.MIN_VALUE Number.POSITIVE_INFINITY Infinity Number.NEGATIVE_INFINITY -Infinity Number.NaN NaN null Undefined “\b” “\t” “\n” “\v” “\r” “\”” “\’” “\\”

变量定义 var 变量作用域 局部变量 在函数内使用var关键字声明的变量 全局 不存在程序段局部变量

数据类型转化 隐式转化 parseInt() parseFloat() toString()

常用方法 typeof() eval() isNaN()

运算符与表达式 算术运算符和算术表达式 关系运算符和关系表达式 === !== 逻辑运算符和逻辑表达式 条件运算符与条件表达式 三目运算符 关系运算符和关系表达式 === !== 逻辑运算符和逻辑表达式 条件运算符与条件表达式 三目运算符 Instanceof

流程控制与语句 if(){}else{} for(){} while(){} Do{}while() switch(expression) { case value1: statement1; default: statement2;} break continue for(indexorprop in aobject){}

函数与对象 函数定义 function funName(paramList){funBody;} 函数调用 funName(paramVal); <a href=“javascript:funName(paramVal)” 对象 Number Boolean Object RegExp Function String Array Date Math

内置对象(一) 1.数组(Aarray) 定义:arrayName=new Array(arraylength) 或:arrayName=new Array(arrayContent) 数组元素不必具有相同的变量类型。常用属性与方法: arrayName.length arrayName.join(“,”) arrayName.sort() arrayName.reverse() 2.字符串(String) 定义:strName=”string content” 或:strName=new string(“string content”) strName.length strName.substr(start,length) strName.concat(str1) strName.anchor(anchorName) strName.link(hrefName) strName.search(substr) strName.indexOf(substr,index) strName.split(“ “) strName.replace(oringestr,replacestr)

内置对象(二) 3.日期(Date) 定义:dateName=new Date() dateName.getDate() dateName.getDay() dateName.getHours() dateName.setMonth() 4.Math(数学) 无需定义,可直接作为对象使用。常用属性与方法: Math.PI Math.E Math.LN10 Math.LN2 Math.sin(x) Math.abs(x) Math.ceil(x) Math.floor(x) Math.max(x,y) Math.random() Math.pow(x,y)=xy Math.log(x)=lnx Math.exp(x)=ex

”width=120,height=240,toolbar=no,status=no,resizable=yes”) 浏览器环境对象(一) 1. window对象:顶级对象,使用时可省略对象 [window].status [window].open(“url”,”windowName”, ”width=120,height=240,toolbar=no,status=no,resizable=yes”) time1=[window].setTimeout(funName,5000); [window].clearTimeout(time1); time2=[window].setInterval(funName,5000); [window].clearInterval(time2); [window].alert(str); userInput=[window].prompt(promptStr,default); userSure=[window].confirm(infoStr);

浏览器环境对象(二) 2. history对象 [window].history.go(index) 3. navigator对象 [window].navigator.appName [window].navigator.appVersion [window].navigator.platform

浏览器环境对象(三) 4. Location对象 [window].location.host [window].location.hostname [window].location.href [window].location.pathname 5. Document对象 [window].document.title [window].document.bgcolor [window].document.linkcolor [window].document.url [window].document.writeln(“str”) 程序效果

事件 1. MouseEvent onClick( ) onDbClick( ) onMouseDown( ) onMouseUp( ) onMouseOver( ) onMouseOut( ) 2. Keyboard onKeyPress( ) onKeyDown( ) onKeyUp( ) 3. 选择 onFocus( ) onBlur( ) onSelect( ) 4. 杂项 onChange( ) onLoad( ) onUnload( )

DOM对象的从属关系

在JS中访问XHTML元素-1 DOM地址:把与某种XHTML元素相关联的JS对象所在的地址称为DOM地址。 DOM定位有三种方式: 方式一:使用document对象的forms数组和elements数组; var addr=document.forms[0].elements[0]; 最原始的方式,DOM 0中使用的。 缺点:当页面中的表单或表单中的元素发生变化(位置、数量),DOM地址也需要改变; document.getElementsByTagName();

在JS中访问XHTML元素-2 方式二:使用元素名称。(页面中需要定位的元素必须包含name属性。) var addr=document.form1.username; 缺点:XHTML1.1标准已经不允许在非表单元素中出现name属性;

在JS中访问XHTML元素-3 方式三:利用方法getElementById(id)。 var addr=document.getElementById(id); 为元素指定属性id,id的值是唯一的。 DOM 1中定义的。 此方法参数可以是一个值为字符串的表达式 表单中的元素一般同时包含name和id属性,并且设为相同的值。

在JS中访问XHTML元素-4 特殊元素:单选按钮、复选框; 特点:一组单选按钮、复选框有相同的name 定位每一个单选按钮、复选框的方法: 方式一:使用document对象的forms数组和elements数组; 方式三:利用方法getElementById(id)。 有相关联的隐式数组,名称一致,数组保存了每个按钮的DOM地址。数组是按钮所在表单的属性。 addr1=document.getElementById(“form2”); addr1.gender[0]; addr1.gender[1]