当前位置:
文档之家› 运用Javascript实现网页的交互
运用Javascript实现网页的交互
假设字串var myString=“this sample too easy!”
属性与方法名称 length charAt(位置) chaCodeAt(位置) indexOf(要查找的字串) lastIndexOf(要查找的字串) substr(开始位置[,长度] ) substring( 开始位置 , 结束位 置) 意义 返回字符串的长度 字串对象在指定位置处的字符 字串对象在指定位置处的字符的 Unicode值 要查找的字符串在字串对象中的位置 要查找的字符串在字串对象中的最后 位置 截取字串 示例 myString.length结果为21 myString.charAt(2)结果为i myString.chaCoderAt(2)结果为105 myString.indexOf("too")结果为12 myString. lastIndexOf ("s")结果为18 myString. substr(5,6)结果为sample
举例 演示
【实例10-2】欢迎来到JS 世界。
其中“实例10-2.html”代码如下:
<script src="jstest.js" type="text/javascript"></script>
JavaScript源文件:( jstest.js)中的代码如下: document.write("欢迎来到 JavaScript 世界!");
1 JavaScript简介
JavaScript是一种Web页面中的一种脚本编程语言,也是一种通用的、跨平台的、基于 对象和事件驱动并具有安全性的脚本语言。它不需要进行编译,而是直接嵌入到HTML页 面中,把静态页面转变成支持用户交互并响应事件的动态页面。
用途
JavaScript主要用于读写HTML元素、在网页中嵌入动态文本、动态修改 CSS样式表; 对浏览器事件做出响应、表单数据验证、检测访客的浏览器信息等等。
举例 演示
【实例10-1】欢迎来到JS 世界。
2. 使用外部JS文件 使用外部JavaScript文件的方法就是将JavaScript代码放入一个单独的文件(*.js),然后 将此外部文件链接到一个HTML文档即可。 语法: <script src="JS文件路径" type="text/javascript"></script>
网页设计与制作(HTML+CSS+Javascript)
运用Javascript实现网页的交互
网页设计与制作课程组
目标 TARGET
知识目标
掌握JavaScript的概念与作用;
掌握JavaScript语言基础; 掌握浏览器内置对象的应用; 掌握页面中标签的访问与属性的设置; 掌握页面元素的事件类型与处理; 掌握事件的指派与处理函数的编写; 掌握DOM节点对象的事件处理。
截取字串
myString. substring(5,11)结果为sample var a= myString.split()
split([分隔符])
分隔字串到一个数组中
document.write(a[5])输出为s document.write(a); 结果t,h,i,s, ,s,a,m,p,l,e, ,t,o,o, ,e,a,s,y,! myString.replace("too","so"),结果为 this sample so easy! 本串使用本函数后效果不变,因为原本都是小写
Part
2
JavaScript数据类型、变量、数组、 运算符和表达式 ◎ 数据类型 ◎ 变量的命名与定义 ◎ 变量的作用域 ◎ 数组 ◎ 运算符与表达式
1 数据类型
1. 数据类型的分类 JavaScript中基本的数据类型有以下几种。
数值型:数字可以带小数点,也可以不带 如:120,35.23; 也可以用科学或标准方法表示,如:5E7表示50000000、4e-5表示0.00004等。 字符串型:用引号包围的文本,如:"我是字符串1",'我是字符串2' 等。 布尔型:只有两个取值,如:true、false。判断时非0或非空可作为true对待。 null类型:表示从未赋值的值,只有一种取值null。如果引用一个没有定义的变量,则返回一个 null值。
1 JavaScript概述 2 JavaScript数据类型、变量、数组、运算符和表达式
3 程序控制结构
4 函数的定义与引用 5 浏览器窗口对象 6 页面中元素的访问与属性的设置 7 事件的指派与处理函数的编写 8 文档对象模型
9 DOM节点对象的事件处理
Part
1
JavaScript概述
◎ JavaScript简介 ◎ JavaScript的使用方法
ห้องสมุดไป่ตู้
2 JavaScript使用方法
将JavaScript语句插入到HTML文档中有两种方法。 1. 内嵌JavaScript脚本
通常,JavaScript代码是使用script标记嵌入HTML文档中的。
语法: <script type="text/JavaScript"> //JavaScript语句; </script> type属性用于指定HTML文档引用脚本的语言类型,“type=’text/JavaScript’” 表示<script></script>元素中包含的是JavaScript脚本。 “//”表示单行注释标记,使用“/**/”定义多行注释。 同时需要注意,JavaScript语句必须以分号“;”结束; JavaScript区分大小写。
undefined类型:专门用来确定一个已经创建但是没有初值的变量。
2. String对象的属性与方法的使用
字符串对象调用属性的规则如下: 语法:字串对象名.字串属性名;
字符串对象调用方法的规则如下:
语法:字串对象名.字串方法名(参数1,参数2,…) 假设字串var myString=“this sample too easy!” 其中字串对象的“位置”是从0开始,字串“this sample too easy!”中第0位置的 字符是“t”,第1的位置是“h”,… …依次类推。