您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 信息化管理 > html_js_xml
国土信息工程系应用开发串讲4htmljsxml国土信息工程系网页中的框架制作框架页面的步骤:1.编写所有子框架页面2.编写主框架页面3.在主框架页面中设定子框架名称4.如果框架页面之间存在链接,在子框架中设定链接。注意:框架页面是不含body标签的国土信息工程系会移动的文字1.基本语法marquee.../marquee例:16.htm2.文字移动属性(1)方向:direction=##=left,right,up,down例:17.htm国土信息工程系会移动的文字2、文字移动属性(2)方式:behavior=##=scroll(循环),slide(只走一次),alternate(来回走)例:18.htm(3)循环:loop=##=次数;若未指定则循环不止(infinite)例:19.htm国土信息工程系会移动的文字2、文字移动属性(4)速度:scrollamount=#例:20.htm(5)延时:scrolldelay=#例:21.htm国土信息工程系会移动的文字3、其他属性(1)底色:bgcolor=##=RRGGBB16进制颜色代码例:22.htm(2)面积:height=#width=#例:23.htm(3)空白:hspace=#vspace=#例:24.htm国土信息工程系多媒体页面用EMBED嵌入多媒体对象基本语法embedsrc=##=URL注:1.使用embed标记之前,需要安装插件才可以;2.对于不同的plugin,其embed属性也不同。例:25.htm(Flash动画)例:26.htm(rmi音乐文件)例:27.htm(avi动画)例:28.htm(mpeg影像文件)国土信息工程系多媒体页面(*)嵌入背景音乐bgsoundsrc=##=WAV文件的URLbgsoundloop=##=循环数例29.htm(WAV背景音乐)国土信息工程系多媒体页面(*)特殊标记元素ObjectOBJECT元素用来包含图像、动态图像、Java小程序。OBJECT元素用以替换更具体的IMG和APPLET元素,以及EMBED和BGSOUND元素。例30.htm国土信息工程系脚本(Script)实际上就是一段程序,用来完成某些特殊的功能。脚本程序既可以在服务器端运行(称为服务器脚本,例如ASP脚本、PHP脚本等),也可以直接在浏览器端运行(称为客户端脚本)。JavaScript是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言。使用它的目的是与HTML、CSS一起实现在一个Web页面中链接多个对象,与Web客户交互的作用。JavaScript不是Java,只不过两者类似。JavaScript语言的前身叫作Livescript,自从Sun公司推出著名的Java语言后,Netscape公司引进了Sun公司有关Java的程序概念,将Livescript重新进行设计,并改名为JavaScript。第二部分JavaScript简介国土信息工程系JavaScript的脚本程序包括在HTML中,使之成为HTML文档的一部分。其格式为:scriptlanguage=JavaScriptJavaScript语言代码;JavaScript语言代码;.../Script在网页中最常用的定义脚本的方法是使用script.../script标记,将其插入到HTML文档的head.../head或body.../body之间,多数情况下最好放到head.../head标记之间,这样可以让JavaScript程序代码先于其他代码第一个被加载执行。2.2在网页中插入JavaScript的方法及定义2.2.1在HTML文档中嵌入脚本程序国土信息工程系可以把脚本保存在一个扩展名为.js的文本文件中,供需要该脚本的多个HTML文件引用。要引用外部脚本文件,使用script标记的src属性指定外部脚本文件的URL。其格式为:head...scripttype=text/javascriptsrc=脚本文件名.js/script.../head2.2在网页中插入JavaScript的方法及定义2.2.2链接脚本文件国土信息工程系JavaScript有4种基本的数据类型。number(数值)类型:可为整数和浮点数。在程序中并没有把整数和实数分开,这两种数据可在程序中自由转换。整数可以为正数、0或者负数;浮点数可以包含小数点、也可以包含一个“e”(大小写均可,表示10的幂),或者同时包含这两项。string(字符)类型:字符是用单引号“'”或双引号“”来说明的。boolean(布尔)类型:布尔型的值为true或false。object(对象)类型:对象也是JavaScript中的重要组成部分,用于说明对象。2.3JavaScript的基本数据类型和表达式2.3.1基本数据类型国土信息工程系1.基本常量(1)字符型常量使用单引号“'”或双引号“”括起来的一个或几个字符。如123、'abcABC123'、ThisisabookofJavaScript等。(2)数值型常量整型常量:其整型常量可以使用十进制、十六进制、八进制表示其值。实型常量:实型常量是由整数部分加小数部分表示,如12.32、193.98。可以使用科学或标准方法表示:6E8、2.6e5等。(3)布尔型常量布尔常量只有两个值:True或False。JavaScript只能用True或False表示其状态,不能用1或0表示其状态。2.3JavaScript的基本数据类型和表达式2.3.2常量国土信息工程系2.特殊常量(1)空值JavaScript中有一个空值null,表示什么也没有。例如,试图引用没有定义的变量,则返回一个null值。(2)控制字符与C/C++语言一样,JavaScript中同样有以反斜杠“\”开头的不可显示的特殊字符。通常称为控制字符(这些字符前的“\”叫转义字符)。例如:\b:表示退格\f:表示换页\n:表示换行\r:表示回车\t:表示Tab符号\':表示单引号本身\:表示双引号本身2.3JavaScript的基本数据类型和表达式2.3.2常量国土信息工程系1.变量的命名JavaScript中的变量命名同其他计算机语言非常相似,变量名称的长度是任意的,但要区分大小写。另外,还必须遵循以下规则:①第一个字符必须是一个字母(大小写均可)、或下划线“_”或一个美元符“$”。②后续字符可以是字母、数字、下划线或美元符。除下划线“_”字符外,变量名中不能有空格、“+”、“-”、“,”或其他特殊符号。③不能使用JavaScript中的关键字作为变量。在JavaScript中定义了40多个类键字,这些关键是JavaScript内部使用的,不能作为变量的名称。如var、int、double、true不能作为变量的名称。2.3JavaScript的基本数据类型和表达式2.3.3变量国土信息工程系2.变量的类型JavaScript是一种对数据类型变量要求不太严格的语言,所以不必声明每一个变量的类型,声明变量尽管不是必须的,但在使用变量之前先进行声明是一种好的习惯。3.变量的声明JavaScript变量可以在使用前先作声明,并可赋值。通过使用var关键字对变量作声明。对变量作声明的最大好处就是能及时发现代码中的错误,因为JavaScript是采用动态编译的,而动态编译是不易发现代码中的错误,特别是变量命名方面。变量的声明和赋值语句var的语法为:var变量名称1[=初始值1],变量名称2[=初始值2]...;一个var可以声明多个变量,其之间用“,”分隔。2.3JavaScript的基本数据类型和表达式2.3.3变量国土信息工程系4.变量的作用域对于变量还有一个重要性,那就是变量的作用域。在JavaScript中同样有全局变量和局部变量。全局变量是定义在所有函数体之外,其作用范围是全部函数;而局部变量是定义在函数体之内,只对其该函数是可见的,而对其他函数则是不可见的。2.3JavaScript的基本数据类型和表达式2.3.3变量国土信息工程系1.算术运算符JavaScript中的算术运算符有单目运算符和双目运算符。双目运算符:+(加)、-(减)、*(乘)、/(除)、%(取模)。单目运算符:++(递加1)、--(递减1)。2.字符串运算符字符串运算符“+”用于连接两个字符串。例如:abc+123。3.比较运算符比较运算符首先对它的操作数进行比较,然后再返回一个true或false值,有8个比较运算符:(小于)、=(小于等于)、(大于)、=(大于等于)、==(等于)、!=(不等于)。2.3JavaScript的基本数据类型和表达式2.3.4运算符和表达式国土信息工程系4.布尔运算符在JavaScript中增加了几个布尔逻辑运算符:!(取反)、&=(与之后赋值)、&(逻辑与)、|=(或之后赋值)、|(逻辑或)、^=(异或之后赋值)、^(逻辑异或)、?:(三目操作符)、||(或)、==(等于)、|=(不等于)。其中三目操作符主要格式如下:操作数?结果1:结果2若操作数的结果为真,则表达式的结果为结果1,否则为结果2。5.位运算符位运算符分为位逻辑运算符和位移动运算符。2.3JavaScript的基本数据类型和表达式2.3.4运算符和表达式国土信息工程系6.运算符的优先顺序表达式的运算是按运算符的优先级进行的。下面运算符按其优先顺序由高到低排列:算术运算符:++、--、*、/、%、+、-。字符串运算符:+。位移动运算符:、、。位逻辑运算符有:&、|、^、-、~。比较运算符:、=、、=、==、!=。布尔运算符:!、&=、&、|=、|、^=、^、?:、||、==、|=。2.3JavaScript的基本数据类型和表达式2.3.4运算符和表达式国土信息工程系1.赋值语句赋值语句的功能是把右边表达式的值赋值给左边的变量。其格式为:变量名=表达式;像C语言一样,JavaScript也可以采用变形的赋值运算符,如x+=y等同于x=x+y,其他运算符也一样。2.注释语句在JavaScript的程序代码中,可以插入注释语句以增加程序的可读性。注释语句有单行注释和多行注释之分。单行注释语句的格式为://注释内容多行注释语句的格式为:/*注释内容注释内容*/2.4JavaScript的程序结构2.4.1简单语句国土信息工程系4.输入字符串在JavaScript中常用的输入字符串的方法是利用window对象的prompt()方法以及表单的文本框。(1)用window对象的prompt()方法输入字符串window对象的prompt()方法的功能是弹出对话框,让用户输入文本,其格式为:prompt(提示字符串,缺省值字符串);(2)用文本框输入字符串使用Blur事件和onBlur事件处理程序,可以得到在文本框中输入的字符串。Blur事件和onBlur事件的具体解释可参考本章后面的内容。2.4JavaScript的程序结构2.4.1简单语句国土信息工程系1.条件语句JavaScript提供了if、ifelse和switch三种条件语句。条件语句也可以嵌套。(1)if语句if语句是最基本的条件语句,它的格式与C++是一样的,其格式为:if(条件){语句段1;语句段2;...;}2.4JavaScript的程序结构2.4.2程序控制流程国土信息工程系(2)ifelse语句ifelse语句的格式为:if(条件)语句段1;else语句段2;若“条件”为true,则执行语句段1;否则执行语句段2。“条件”要用()括起来。若if后的语句段有多行,则必须使用花括号将其括起来。2.4JavaScript的程序结构2.4.2程序控制流程国土信息工程系(3)switch语句分支语句switch根据一个变量的不同取值采取不同的处理方法。switch语句的
本文标题:html_js_xml
链接地址:https://www.777doc.com/doc-6370702 .html