全椒| 加查| 大石桥| 山阳| 甘洛| 祁阳| 基隆| 百色| 城口| 琼中| 兴海| 察哈尔右翼中旗| 泾源| 博乐| 祁东| 景泰| 乐业| 清流| 泰兴| 永安| 土默特左旗| 平乡| 文山| 澎湖| 原平| 榆中| 新源| 鹿寨| 献县| 阎良| 崇礼| 马鞍山| 资源| 庆安| 长宁| 布拖| 茶陵| 文山| 江门| 镇康| 达州| 山阳| 滨州| 坊子| 介休| 汉源| 汉川| 永胜| 水城| 楚雄| 安吉| 合作| 临沧| 芒康| 隆昌| 东莞| 歙县| 德钦| 水富| 蛟河| 乌兰察布| 福贡| 靖边| 岷县| 焉耆| 永济| 滑县| 烟台| 隆德| 台南县| 永福| 万载| 钦州| 鹿邑| 阜新蒙古族自治县| 江华| 当阳| 汤原| 阿荣旗| 巴里坤| 莘县| 腾冲| 汉川| 乌当| 德格| 富锦| 灵台| 辽阳县| 赤城| 香河| 望江| 东光| 平果| 安多| 康县| 林芝县| 莱阳| 芜湖县| 阿荣旗| 杞县| 集美| 嘉祥| 宁德| 富顺| 宿豫| 香格里拉| 泉港| 勐腊| 江源| 册亨| 天祝| 连江| 万山| 宝安| 佛坪| 苍山| 安吉| 苗栗| 虞城| 临夏县| 大石桥| 姚安| 鹿泉| 宁明| 如皋| 门头沟| 东胜| 珠穆朗玛峰| 翠峦| 屏东| 崂山| 永宁| 乐陵| 武川| 河间| 金溪| 名山| 玉龙| 新宁| 察哈尔右翼后旗| 巴彦淖尔| 利辛| 孙吴| 嵊泗| 灵宝| 盐田| 鄯善| 江源| 乌兰察布| 尖扎| 阳曲| 日喀则| 通道| 乐山| 穆棱| 温江| 基隆| 灵山| 曲水| 宝应| 五原| 姚安| 武鸣| 嘉黎| 桑植| 茶陵| 岷县| 灯塔| 东乡| 两当| 晋宁| 中山| 遵义县| 喀什| 辉南| 岚皋| 卫辉| 宿豫| 洋县| 托克逊| 行唐| 岐山| 乐东| 浙江| 鲁山| 石阡| 宜兰| 通道| 儋州| 文登| 蒙自| 扬州| 房县| 金沙| 盐都| 尚志| 琼中| 鹿邑| 德昌| 泗水| 沁源| 台山| 布拖| 贵溪| 明光| 灵川| 瑞安| 博湖| 乌拉特前旗| 丽水| 永丰| 闽侯| 莒南| 民乐| 潞城| 潢川| 南川| 南芬| 新化| 金湾| 台江| 巴彦| 东阿| 鄂温克族自治旗| 四子王旗| 黄埔| 宝清| 孟州| 宜君| 清水河| 德昌| 乐都| 临颍| 景德镇| 三江| 潼关| 靖宇| 永顺| 君山| 射阳| 逊克| 贵池| 阳原| 铁山| 连城| 长治市| 北海| 易门| 安丘| 甘棠镇| 台山| 平昌| 隆德| 美溪| 白朗| 巧家| 大悟| 凌云| 凤凰| 克东| 宽城| 彝良| 革吉| 都江堰|

乐彩彩票黑网:

2018-11-19 22:12 来源:新闻在线

  乐彩彩票黑网:

  期待车和家成为新的‘中国智造’巨头。25日,新任央行行长易纲在供给侧结构性改革中的金融政策环节发表主旨演讲时表示,当前金融方面的主要工作可以概括为三句话:第一句话,实施好稳健的货币政策。

”  巧干才能提效率  干字当头,能干会干,关键就在于改革创新。财政部将按照立法先行、充分授权、分步推进的原则,推进房地产税的立法和实施。

  问:从去年4月到现在,各地通过人民网《地方领导留言板》已经回应了22万项网民的诉求,同比增长%。截至目前,全国共有山西、安徽、河南等20省市区以“红头文件”形式,建立起回复办理人民网《地方领导留言板》留言的固定工作机制。

    法士特能够从小伙计做到行业“老大”,秘籍同样是执着。其指出,当前最紧迫的任务是加快推进政府改革,将最大限度地减少政府对资源的直接配置,最大限度地减少政府对市场经济的直接干预。

刘昆还透露,今年,财政部将继续调整增值税税率水平,并按三档变两档的方向进行,重点降低制造业、交通运输等行业的税率,进一步激发市场主体活力,促进实体经济发展。

  我们很高兴参与到车和家的发展中。

  盘点老谭这些年下真功夫干成的几件事:重组湘火炬,入主陕重汽,并购欧美三部曲,专注核心动力总成,掌握核心技术,布局“一带一路”……件件抓地有痕,成为习近平新时代中国特色社会主义思想在企业发展方面的具体实践者。健全机制,教育扶贫和民生工程双线合一,破解建档立卡学生资助工作难题;多方协调,形成合力。

    人人车将对平台在售问题车型进行重新排查和筛选,确定排除相关隐患后会重新上架。

  没有经过金融管理部门批准不得从事或变相从事金融业务。  习近平总书记深刻指出,互联网已经成为党长期执政所要面对的“最大变量”,如果我们过不了互联网这一关,就过不了长期执政这一关。

  第二是精准认定。

  【网民留言】市长您好!我是2014年8月份从奎山汽车城日照宝景4S店购买的宝马X1,购买后几个月汽车就出现了异响,4S店给更换了排气筒,异响减轻了,但依然存在。

    通过是否发布服务事项目录、注册用户数、政府服务事项数量、可全程在线办理政务服务事项数量等指标,公众可快速了解各网站办事服务成效,也可与平日办事感受做比较。作为美国最大的钢铁和铝进口国,加拿大方面表示了强烈的反对。

  

  乐彩彩票黑网:

 
责编:
关闭

关闭

关闭

封号提示

内容

首页 第6章--动态网页技术DHTML介绍

第6章--动态网页技术DHTML介绍.ppt

第6章--动态网页技术DHTML介绍

烟雨梦兮 2018-11-19 评分 0 浏览量 0 0 0 0 暂无简介 简介 举报
  当地时间3月20日,NAFTA忽然迎来转机。

简介:本文档为《第6章--动态网页技术DHTML介绍ppt》,可适用于IT/计算机领域,主题内容包含第章动态网页技术DHTML介绍主要内容一动态网页技术DHTML概述二JavaScript语言三VBScript语言动态HTML的基本理论DHTML基符等。

第章动态网页技术DHTML介绍主要内容一动态网页技术DHTML概述二JavaScript语言三VBScript语言动态HTML的基本理论DHTML基本概念DOM:文档对象模型DHTML简介动态超文本标记语言(DynamicHyperTextMarkupLanguage,DHTML)在现有的HTML语法结构下藉由在文件中加入文档对象模型(DOM)和层叠样式表单(CSS)后配合目前的JavaScript或VBScript语法来达到「动态」效果的技术。DHTML主要包括HTML、CSS和脚本语言javscriptDHTML=DOMCSSJSVS現在大量支持以上內容什么是DHTMLDHTML并不是什么新技术或标准的简称DHTML是一些现有网页技术与标准的整合DHTML=HTML浏览器对象模型结构(DOM)CSSScript(JavaScript、VBScript等)DHTML动态网页制作DHTML使网页设计者可以动态操纵网页上的所有元素。利用DHTML网页设计者可以动态地隐藏或显示内容、修改样式定义、激活元素以及为元素定位。此外网页设计者还可利用DHTML在网页上显示外部信息方法是将元素捆绑到外部数据源(如文件和数据库)上。所有这些功能均可用浏览器完成而无需请求Web服务器同时也无需重新装载网页。HTMLDOM程序设计初步HTML文档对象模型HTML文档对象模型HTML文档对象模型DOM(HTMLDocumentobjectModel)是一个能够让程序和脚本动态访问和更新HTML文档内容、结构和样式的语言平台。HTMLDOM是一个跨平台、可适应不同程序语言的文件对象模型它采用直观一致的方式将HTML或XHTML文件进行模型化处理提供存取和更新文挡内容、结构和样式的编程接口。使用DOM技术不仅能够访问和更新页面的内容及结构而且还能操纵文档的风格样式。可以将HTMLDOM理解为网页的API。它将网页中的各个HTML元素看作一个个对象从而使网页中的元素可以被Javascript等语言获取或者编辑因为DOM规范在不断发展各种浏览器对DOM的支持情况会有所变化在使用时应参照最新的的DOM文档。我们经常看到在某个浏览器下工作正常的页面在另外一种浏览器下却显示不正常这就是浏览器对DOM的支持不尽相同。对于某些专业的大型网站开发人员采用了识别浏览器类型针对浏览器的不同而进行相应代码的处理Firework、Flash、JavaApplet等一些成熟的多媒体技术集成在一起从而把原来静态、呆板的网页变成一个丰富多彩的艺术品。值得再次强调的是通过DHTML技术使网页元素由静态转变为动态是依靠浏览器本身的资源来完成的它既没有增加服务器的负担也没有加重网络上信息的传输容量。DOM:文档对象模型.DOM文档对象模型(DocumentObjectModelDOM)是DHTML的基础。什么是DOM?DOM是WC制定的标准已为InternetExplorer、Netscape及以后各种版本的浏览器所接受。按照这个标准浏览器端接收的各类网页元素不仅仅只是一种显示格式而是一个个“对象”。就是说每个网页元素(对象)都有自己的属性和行为。通过对这些属性和行为的控制可以改变它们的状态和动作。整个DOM是一种由对象组成的层次结构就像一棵倒立的树(树根在上)这棵树就称为文档对象模型(DOM)。各类浏览器的DOM结构稍有不同InternetExplorer的DOM结构如图所示。在这个层次模型中每个对象都是它父对象的属性。例如window对象是document对象的父对象所以在引用document对象时使用windowdocument。在这里document对象就相当于window对象的属性。对于每一个网页浏览器都会自动创建window对象、document对象、location对象、navigator对象和history对象。基于这个层次结构还可以创建其他对象。对于某个对象的属性有时需要通过对象的完整路径来引用。window对象在层次中位于最高一层具有惟一性浏览器中的所有内容包括页面及其他浏览器中设置的信息都存放在window对象或者它的子对象中。一般情况下所有的脚本操作都是假定在当前窗口中进行的所以调用window对象的方法时或者引用window的属性时可以省略window对象的引用。例如windowalert()可以简写为alert()windowdocumentwrite()可以简写为documentwrite()。DOM:文档对象模型.window对象的属性和方法只要浏览器窗口打开即使还没有加载任何页面也会自动建立window对象。()window对象的属性closed和opener属性通过window对象的closed属性可以判断一个窗口是否已经被关闭。在很多情况下这种判断是必要的因为如果一个窗口已被关闭需要完成一些不同的操作。而如果一个窗口是通过open()方法打开的那么在opener中存放的是所打开的它的父窗口通过opener属性可以来操纵它的父窗口。当一个窗口打开另一个窗口后子窗口只能通过opener属性和父窗口发生联系父窗口只能通过open()方法的返回值和子窗口发生联系这两个相关窗口之间就这样实现“互操作”。例如通过opener属性可以获取父窗口的属性信息下面的语句可以显示父窗口的名称。alert(openername)下面的语句可以判断一个窗口的父窗口是否已经被用户关闭:if(windowopenerclosed){父窗口已经被关闭进行相应的处理}else{父窗口还没有被关闭进行相应的处理}DOM:文档对象模型defaultStatus和status属性defaultStatus属性的值是在浏览器窗口下面的状态栏中默认的显示信息status属性是状态栏中当前显示的信息。document、history和location属性window的document属性、history属性、location属性就是文档对象模型的document对象、history对象、location对象两者是一致的。()window对象的方法open(页面地址窗口名称窗口风格)和close()方法使用open()方法能够打开一个窗口并且还能指定窗口的显示风格。open()方法将返回对窗口的引用包含三个参数:页面地址、窗口名称、窗口风格。在窗口风格中可以用yes或no来指定浏览器是否拥有工具栏(toolbar)、地址栏(location)、目录图标(directory)、状态栏(status)、菜单条(menubar)、滚动条(scrollbar)等。在窗口风格中还可以指定窗口的宽(width)和高(height)。使用close()方法可以关闭一个窗口。alert(字符串)、confirm(字符串)和prompt(字符串默认值)方法在JavaScript编写的脚本中常使用这三种方法和用户进行交互。其中:alert()方法用于弹出一个警告框在警告框中显示字符串。confirm()方法用于弹出一确认框在确认框中显示字符串。例如:if(confirm("Areyousuretosubmit")){执行表单的提交数据工作}prompt()方法用来弹出一输入框框内有默认值输入框上面有提示用的字符串。例如:varnname=prompt("Typeinyournameplease:","wang")语句Typeinyournameplease是输入框上面的提示wang是默认值。当在输入框中输入新值并且单击OK按钮时将把输入的值赋给变量nname。DOM:文档对象模型.document对象document对象代表当前整个网页在document对象中存储着当前页面的一些信息包括页面的前景颜色和背景颜色也包括页面中的表单、锚标、图像等对象。通过document对象还可以向页面中动态添加文本以及各种标签。()document对象的属性document对象的属性非常丰富下面分类简要介绍一下。bgColor、fgColor、linkColor、alinkColor和vlinkColor属性这些属性都是用于颜色设置。其中bgColor是网页背景的颜色fgColor是网页内文本(前景)的颜色linkColor是超链接字符串的颜色alinkColor是鼠标单击超链接时的颜色vlinkColor是已经访问过的超链接的颜色。这里的颜色都要以xrrggbb形式表示。其中x代表进制rr代表红色的深浅程度gg代表绿色的深浅程度bb代表蓝色的深浅程度。其范围都从到ff。其他颜色都由这三种颜色组合而成。例如设置红色时用xff表示。title属性title是页面标题也就是在HTML中<TITLE>标记中设置的标题可以使用以下代码设置它。例如:documenttitle="Shopbag"anchors、applets、forms、images和frames属性这些属性是用来存放对象的数组。网页中所有超链接都存放在anchors数组中所有JavaApplet都存放在applets数组中所有表单都存放在forms数组中所有图像都存放在images数组中所有框架都存放在frames数组中。利用数组可以引用数组内的对象。例如用documentforms来引用第一个表单对象。()document对象的方法write()和writeln()方法write()方法用于向网页内写入文本或者标记。writeln()方法的作用与write()相同不同之处是后面包括一个换行符(回车)。不过这个换行符HTML并不认识要想在HTML中换行还需要用write()或writeln()方法写入<BR>这个HTML中的换行标记。open()和close()方法open()方法用于打开一个新文档close()方法用来关闭当前文档。通常情况下要求使用write()或writeln()方法前先用open()方法打开文档写完以后用close()方法关闭以保护文档的安全。DOM:文档对象模型.location对象在JavaScript中当前浏览器访问页面的URL地址存放在location对象中使用location对象可以对这个URL进行分析并将浏览器引导到指定地址。()location对象的属性假定有一个这样的URL地址:http:wwwmysetcomcn:welcomindexhtm#sectionid=其中协议名称为http主机名为wwwmysetcomcn端口号为页面地址为welcomindexhtm在这个网页内有一个锚标名称为section。使用location对象能够分析这个URL地址的各个部分。protocol属性protocol属性指明了通信的协议。在网络中通常都是采用http协议除此以外还有ftp协议和gopher协议。host属性host属性指明了页面所在web服务器的主机名称可以是域名也可以是IP地址。port属性port属性指明了服务器通信的端口号一般在URL中不注明默认情况下这个端口号是。pathname属性pathname属性指明了页面在服务器上的路径以及页面文件的名称。DOM:文档对象模型hash属性如果页面需要跳转在URL地址中将包括锚标以便跳转到指定的部分。此时可以利用hash属性获得页面跳转的锚标的信息。search属性在URL后的问号后面常有一些信息(如上例中的"id=")。这个信息是提交到服务器上进行搜索的信息。hostname属性hostname属性将host属性与port属性结合在一起既包括主机名又包括主机端口号主机名与端口之间用冒号(:)分隔。href属性href属性提供整个URL地址这个属性将上面几个属性信息结合在一起。()location对象的方法使用location对象的方法能够对页面进行刷新或者将页面引导到另外一个URL地址。assign(URL地址)方法利用assign()方法可以将页面引导到另一个URL地址。例如:locationassign("http:wwwmysetcomcnindexhtm")将页面引导到wwwmysetcomcnindexhtm中去。reload()方法reload()方法用于对网页全面刷新。例如定义一个按钮其功能就是对网页进行刷新。<INPUTTYPE="button"VALUE="RELOAD"OnClick="locationreload()">replace(URL地址)方法replace()方法可以用新的URL地址取代当前页面它与assign()方法的不同之处在于assign()是将页面导航到另外一个页面使用【后退】按钮时还能返回原来的页面而使用replace()方法则是用另一个页面取代当前页面不能用【后退】按钮返回。二JavaScript语言JavaScript概述JavaScript是一种基于对象的脚本语言用于开发基于客户端和基于服务器的Internet应用程序可用于创建客户端脚本和服务器端脚本由SunMicrosystems和Netscape开发是从Netscapes的Livescript发展而来的JavaScript编程技术及实例JavaScript特点JavaScript语言简述JavaScript是一种嵌入HTML文件中的脚本语言它是基于对象驱动的能对鼠标点击、表单输入、页面浏览等用户事件做出反应并进行处理。JavaScript具有以下特点:简单性。JavaScript是简化的编程语言不像高级语言有严格的使用限制使用简洁灵活。例如在JavaScript中可直接使用变量不必事先声明变量类型规定也不十分严格。基于对象。JavaScript是一种基于对象(objectbased)的语言允许用户自定义对象同时浏览器还提供大量的内建对象可以将浏览器中不同的元素作为对象处理体现了面向对象编程的思想。但JavaScript并不完全面向对象不支持类和继承。可移植性。JavaScript可在大多数浏览器上不经修改直接运行。动态性。JavaScript是DHTML的重要组成部分是设计交互式动态特别是客户端动态页面的重要工具。安全性。JavaScript是一种安全性语言它不允许访问本地的硬盘并不能将数据存入到服务器上不允许对网络文档进行修改和删除只能通过浏览器实现信息浏览或动态交互从而有效地防止数据的丢失。JavaScript编程技术及实例事件驱动和事件处理事件驱动及事件处理事件(events)是指对计算机进行一定的操作而得到的结果例如将鼠标移到某个超链接上、点击鼠标按钮等都是事件。由鼠标或热键引发的一连串程序的动作称为事件驱动(EventDriver)。对事件进行处理的程序或函数称为事件处理程序(EventHandler)。在HTML文件中可用支持事件驱动的JavaScript语言编写事件处理程序。用JavaScript进行事件编程主要用于两个目的:验证用户输入窗体的数据增加页面的动感效果一个HTML元素响应鼠标的事件和键盘的事件如表所示。某些鼠标事件虽事件名称不一样但响应效果几乎一样用户可根据实际需要选择某个事件进行编程。JavaScript编程技术及实例JavaScript语言简述与Java区别JavaScript与Java在命名、结构和语言上都很相似两者存在重要的差别:Java是SUN公司推出的新一代面向对象的程序设计语言支持类和继承主要应用于网络编程JavaScript只是基于对象的主要用于Web页面编写脚本是Netscape公司的产品。Java程序编译后以类的形式存放在服务器上由浏览器下载用Java虚拟机去执行它。JavaScript源代码嵌入HTML文件中使用时由浏览器对它进行识别、解释并执行。Java采用强变量检查即所有变量在编译之前必须声明。JavaScript中变量声明采用弱变量在使用前不需作声明而是解释器在运行时检查其数据类型。Java程序可单独执行而JavaScript程序只能嵌入HTML中不能单独执行。Java程序的编写、编译需要专门的开发工具如JDK(JavaDevelopmentKit)、VisualJ等而JavaScript程序只是作为网页的一部分嵌入HTML中编写JavaScript程序只要用一般的文本编辑器即可。Javscript学习JavaScript是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象与Web客户交互作用。从而可以开发客户端的应用程序等。它是通过嵌入或调入在标准的HTML语言中实现的。它的出现弥补了HTML语言的缺陷它是Java与HTML折衷的选择具有以下几个基本特点:Javascript学习是一种脚本编写语言基于对象的语言简单性安全性动态性的跨平台性JavaScript和Java的区别基于对象和面向对象Java是一种真正的面向对象的语言即使是开发简单的程序必须设计对象。JavaScript是种脚本语言它可以用来制作与网络无关的与用户交互作用的复杂软件。它是一种基于对象(ObjectBased)和事件驱动(EventDriver)的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。JavaScript和Java的区别解释和编译代码格式不一样强变量和弱变量javascript不需要提前定义JAVASCRIPT简介在HTML中嵌入JavaScript?????通过标记<SCRIPT>…<SCRIPT>引入JavaScript代码。Language属性指定脚本类型如VBScript、JavaScript链接JavaScript文件???????????链接方式:使用<SCRIPT>标记的SRC属性指定*js的URL。JavaScript的作用和基本语法规则使用JavaScript的各种功能可以增强站点的动态性和交互性。提供用户交互动态更改内容验证数据与其他任何语言一样JavaScript也遵循一些基本的语法规则如:区分大小写使用成对的符号忽略空格使用注释JavaScript工具和运行时环境JavaScript代码生成工具和IDE有助于创建功能强大的JavaScript代码。以下是其中一些工具:对话框弹出菜单生成器远程控件运行时环境客户端脚本编写Web服务器上的JavaScriptJAVASCRIPT编程基础常量???????????JavaScript有三种基本类型的常量:数值型、字符串型和布尔型。空值型????空值就是定义空的或不存在的引用。它不等同于空串或。未定义值??????未定义值就是undefined表示变量还没有赋值。变量????所谓变量就是程序中一个已命名的存储单元。使用var声明变量JavaScript变量的类型是动态的JavaScript作为客户端程序嵌入网页使用Script标记使用外部文件在事件处理程序中使用JavaScript使用Script标记示例<HTML><HEAD><scriptlanguage="JavaScript"><!对较早的浏览器隐藏脚本documentwrite("欢迎使用JavaScript")脚本隐藏在此处结束><script><head><body><P>祝学有所成!!!<P><body><HTML>使用外部文件示例<HTML><HEAD><scriptsrc="testjs"><script><head><body><P>祝学有所成!!!<body><html>documentwrite("嗨!你好吗?")testjs在事件处理程序中使用JavaScript示例<HTML><HEAD><TITLE>JavaScript示例<TITLE><HEAD><BODY><FORM><INPUTTYPE="button"VALUE="你好"onClick='alert("你好!!")'><FORM><BODY>语法:<HTML>语法:<TAGeventhandler=“JavaScriptcode”>使用AlertConfirmWrite方法使用窗口的Alert方法可以生成一个对话框使用窗口的Confirm方法可以生成一个确认对话框使用document的Write方法可以创建页面内容<HTML><HEAD><SCRIPTLANGUAGE="JavaScript"><!alert("确定")documentwrite("谢谢!")if(confirm("是否要关闭当前窗口?")){windowclose()}><SCRIPT><HEAD><HTML>变量变量是一种引用内存位置的容器用于保存在执行脚本时可以更改的值变量的命令约定变量名必须以字母或下划线()开头变量名长度在~字符之间变量名可以包含数字但不可以使用空格不可以使用JavaScript的运算符号不可以使用JavaScript用到的保留字由于JavaScript区分大小写所以可用的字母包括A到Z(大写)和a到z(小写)的字符声明变量varnewamountvaranswer=varoldcost=varresult="Unknownresult"vara,b,cresult=true变量的作用域数据类型在JavaScript中有四种基本的数据类型基本类型属于弱类型将字符串转换为数值使用函数parseInt()和parseFloat()将数值转换为字符串运算符算术运算符比较运算符逻辑运算符字符串运算符求值运算符算术运算符比较运算符逻辑运算符字符串运算符x="yellow"y="green"z=xy"white"则z为yellowgreenwhitew=y则w为green求值运算符通常这些运算符包括:条件运算符:(condition)trueVal:falseValtypeof运算符typeof运算符返回字符串该字符串代表操作数的类型varx=documentwrite(typeof(x))status=(age>=)"adult":"minor"表达式表达式用于在不同上下文中操作和计算变量。表达式是任意一组有效的文字、变量和运算符其计算结果为一个值。表达式类型算术:计算结果为一个数字逻辑:计算结果为一个布尔值字符串:计算结果为一个字符串表达式通过运算符组合变量和文字数组数组用于存储具有相同数据类型的一组值使用下标(索引)来区分各个值。在JavaScript中数组的下标以零开始。JavaScript没有明确的数组数据类型但却有内置的数组对象。要在程序中使用数组必须使用数组对象及其相关联的方法。创建数组语法:arrayObjectName=newArray(element,element,,elementN)初始化将指定的值作为其元素使用arrayName=newArray(N)对象名元素值列表数组赋值在创建数组时将元素的值直接赋给数组。对数组的元素赋值。<html><head><scriptlanguage="JavaScript"><!emp=newArray()emp="RyanDias"emp="GrahamBrowne"emp="DavidGreene"documentwriteln(emp)documentwriteln(emp)documentwriteln(emp)><script><head><html>访问数组元素指定元素名指定元素的索引号emp"RyanDias"emp数组对象的属性和方法length属性sort方法join方法reverse方法<html><head><scriptlanguage="JavaScript"><!emp=newArray()emp="RyanDias"emp="GrahamBrowne"emp="DavidGreene"empsort()documentwriteln(emplength)documentwriteln(emp)documentwriteln(emp)documentwriteln(emp)><script><head><html>多维数组<HTML><HEAD><SCRIPTLANGUAGE="JavaScript"><!MyArray=newArray(,)MyArray,="RyanDias"MyArray,=MyArray,="MikeDonne"MyArray,=MyArray,="JoeDean"MyArray,=MyArray,="RobertMatey"MyArray,=documentwrite("姓名是"MyArray,)documentwrite("编号是"MyArray,)><SCRIPT><HEAD><HTML>条件语句if…else语句switch语句if(condition){statements}else{statements}switch(expression){casevalue:statementsbreakcasevalue:statementsbreakdefault:statements}循环语句fordo…whilewhilebreakcontinuefor循环语句for(initialstatementconditionincrement){statements}initialstatement(初始化语句)通常用于初始化数字计数器变量。condition(循环条件)设置循环的条件。increment(增量语句)更新循环计数器。for循环示例<html><head><scriptlanguage=“javascript”><!varString=‘<hralign=“center”width=‘for(varsize=size<=size=){documentwrite(Stringsize‘>’)}><script><head><html>do…while循环语句do…while循环语句用于运行语句块直至条件变为False。语法如下:do{statements}while(condition)其中statements是语句condition是条件。while循环语句while语句是JavaScript语言中另外一种循环结构用于在条件为True是指行语句块。如果要在循环体中执行多个语句必须用“{”和“}”将程序代码段括起来。语法如下:while(condition){statements}其中condition是条件statements是语句。break和continue语句使用break语句就可以强制终止语句的执行。在循环中使用break时将导致从当前位置跳出循环继续执行循环以后的语句。continue是导致当前循环立即停止然后继续下一次的循环。函数预定义函数eval函数isNaN函数用户自定义函数创建用户定义的函数调用函数return语句functionfuncName(argument,argument,etc){statements}函数示例<html><head><scriptlanguage="JavaScript">functionhello(){documentwrite('你好!')documentwrite('欢迎使用hello()函数')return}functionsumup(one,two){varresult=onetworeturnresult}hello()vartotal=sumup(,)documentwrite(total''sumup(,))<script><head><html>事件和事件对象概念JavaScript程序是典型的事件驱动程序事件是在网页上进行的操作事件可以由用户生成也可以由系统生成大多数浏览器都支持Event对象。每个事件都有与之相关联的Event对象Event对象提供下列信息:事件类型事件发生时光标的位置Event对象可以用作事件处理程序的一部分JavaScript事件onClickonChangeonFocusonBluronMouseOveronMouseOutonLoadonSubmitonMouseDownonMouseUponClick事件示例<HTML><HEAD><SCRIPTLANGUAGE="JavaScript"><!functioncompute(form){if(confirm(“确定吗”))formresultvalue=eval(formexprvalue)elsealert("请重试。")}><SCRIPT><HEAD><BODY><FORM>请输入表达式:<INPUTTYPE="text"NAME="expr"SIZE=><BR><INPUTTYPE="button"VALUE="计算"ONCLICK="compute(thisform)"><BR>结果:<INPUTTYPE="text"NAME="result"SIZE=><BR><FORM><BODY><HTML>onChange事件示例<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">functioncheckNum(num){if(num==""){alert("请输入一个数字值")returnfalse}if(isNaN(num)){alert("请输入一个数字值")returnfalse}elsealert("谢谢!")}<SCRIPT><HEAD><BODYbgColor=white><FORM>请输入一个数字:<INPUTtype=textsize=onChange="checkNum(thisvalue)"><FORM><BODY><HTML>onFocusonBlur事件示例<HTML><BODYBGCOLOR="lavender"><FORM><INPUTtype=textname=textonblur="(documentbgColor='aqua')"onfocus="(documentbgColor='dimgray')"><FORM><BODY><HTML>onMouseOveronMouseOut事件示例<html><head><scriptlanguage="javascript">varnum=functionshowLink(num){if(num==){documentformselementsvalue="您选择了BIGC"}if(num==){documentformselementsvalue="您选择了CCTV"}if(num==){documentformselementsvalue="您选择了Beijing"}}<script><head><body><form><inputtype=textsize=><form><ahref="#"onMouseOver="showLink()">BIGC<a><br><ahref="#"onMouseOver="showLink()">CCTV<a><br><ahref="#"onMouseOver="showLink()">Beijing<a><br><body><html>onLoad事件示例<HTML><HEAD><TITLE>您好<TITLE><SCRIPTLANGUAGE="JavaScript">functionhello(){alert("您好")}<SCRIPT><HEAD><BODYonLoad="hello()"><BODY><HTML>onMouseDownonMouseUp事件示例<HTML><BODYBGCOLOR="lavender"><FORM><INPUTtype=buttonname=textvalue="改变颜色"onmousedown="(documentbgColor='aqua')"onmouseup="(documentbgColor='limegreen')"<FORM><BODY><HTML>处理事件为响应事件而执行的JavaScript代码段称为事件处理程序事件处理程序分为:HTML标记事件处理程序<TAGeventhandler="JavaScriptCode">以属性的形式出现的事件处理程序objecteventhandler=functionHTML标记事件处理程序示例<HTML><HEAD><TITLE>我的主页<TITLE><SCRIPTLANGUAGE="JavaScript"><!functiongreeting(){alert("欢迎您来做客")}><SCRIPT><HEAD><BODYonLoad="greeting()"><BODY><HTML>以属性的形式出现的事件处理程序示例<HTML><HEAD><TITLE>我的主页<TITLE><SCRIPTLANGUAGE="JavaScript"><!functiongreeting(){alert("欢迎您来做客")}windowonload=greeting><SCRIPT><HEAD><HTML>对象对象中包含定义对象自身的属性(变量)及用于处理数据的方法(函数)。要访问对象属性必须指定对象名及属性:objectNamepropertyName要访问对象方法必须指定对象名及需要的方法:objectNamemethod()使用对象创建网页时可以插入:浏览器对象内置脚本语言对象(根据使用的脚本语言的不同而不同)HTML元素也可以创建自已的对象并在程序中使用。对象操作语句JavaScript是一种基于对象(ObjectBased)的语言而不是面对对象(ObjectOriented)的语言。JavaScript中的对象操作语句:this语句for…in语句with语句new语句this语句this语句的值指示当前对象并且可以拥有标准属性如名称、长度以及相应的值。只能用在函数作用域或其调用引用内。用法:this属性名<HTML><HEAD><scriptlanguage="JavaScript">functiondispname(name){alert("欢迎进入JavaScript世界,"name)}<script><HEAD><FORM><B>输入您的名字:<B><INPUTTYPE="text"NAME="text"SIZE=onChange="dispname(thisformtextvalue)"><FORM><HTML>forin语句for…in语句用于在对象的各个属性或数组的各个元素之间循环。例如希望对数组中的每个元素执行一些操作。用法:for(variableinobject){statements}<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">color=newArray("红色","蓝色","绿色")for(varpropincolor){varrecord="color"record=prop"="colorprop"<BR>"documentwrite(record)}<SCRIPT><HEAD><HTML>new语句new操作符用于新建对象类型实例。用法objectName=newobjectType(param,param,paramN)<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">functionemployee(name,code,designation){thisname=namethiscode=codethisdesignation=designation}newemp=newemployee("JohnDias","A","职员")documentwrite("雇员姓名:"newempname"<BR>")documentwrite("雇员代号:"newempcode"<BR>")documentwrite("头衔:"newempdesignation)<SCRIPT><HEAD><HTML>with语句with语句用于执行一组语句所有这些语句都假定引用指定的对象。用法with(object){statements}<HTML><HEAD><SCRIPTLANGUAGE="JavaScript">vara,b,cvarr=with(Math){a=PI*r*rb=r*cos(PI)c=r*sin(PI)}documentwrite(a"<BR>")documentwrite(b"<BR>")documentwrite(c"<BR>")<SCRIPT><HEAD><HTML>eval语句eval函数用于计算代码串而不引用任何特定对象。用法eval(string)<HTML><SCRIPTLANGUAGE="JavaScript">varx=varz=documentwrite(eval("xz"))<SCRIPT><HTML>字符串对象字符串对象用于操纵和处理文本字符串。用法stringNamepropertyNamestringNamemethodName创建字符串的方法使用var语句并对为其赋值(可选)使用赋值运算符(=)及变量名(var)newstr=“这是我的脚本”使用string()构造函数varnewstr=string(“这是我的脚本”)字符串对象的属性和方法()属性字符串对象的属性和方法()方法字符串对象的属性和方法()方法名称描述indexOf(string,startIndex)搜索string字符串的首字符在主字符串中出现的位置(索引值从开始计数)startIndex参数用于设置从第几个字符开始查找。lastIndexOf(string,startIndex)和indexOf方法相似区别在于它是从字符串的尾部开始搜索的。replace(string,string)用string字符串去替换主字符串中的string字符串。split(“delimiter”)将主字符串按delimiter分隔符分隔成字符串并创建为字符串数组。substr(start,length)从主字符串start位置开始提取字符length为提取的字符长度若不设置第二个参数则提取到字符串的末尾。substring(indexA,indexB)从主字符串中取出从indexA到indexB位置的字符串。valueOf返回字符串的值。字符串对象示例<HTML><HEAD><scriptlanguage="Javascript">varbstr="大号"varsstr="小号"varblstr="粗体"varblkstr=“闪烁”varucase="大写"varlcase="小写"documentwrite("<BR>这是"bstrbig()"文本")documentwrite("<BR>这是"sstrsmall()"文本")documentwrite("<BR>这是"blstrbold()"文本")documentwrite("<BR>这是"blkstrblink()"文本")documentwrite("<BR>这是"ucasetoUpperCase()"文本")documentwrite("<BR>这是"lcasetoLowerCase()"文本")<script><HEAD><HTML>Math对象Math对象拥有可用于表示复杂数学运算的属性和方法属性PILNE方法abs(number)min(number,number)sin(number)max(number,number)cos(number)round(number)tan(number)sqrt(number)Math对象示例<HTML><SCRIPTLANGUAGE="JavaScript">functiondoCalc(x){varaa=MathPI*x*xalert("半径为"x"""的圆的面积为"""a)}<SCRIPT><BODYbgColor=white><FORM>输入圆的半径:<INPUTTYPE=TEXTsize=name="rad"><BR><BR><INPUTtype=buttonvalue="显示面积"onclick="doCalc(thisformradvalue)"><FORM><BODY><HTML>Date对象Date是内置对象包含日期和时间信息。Date对象无属性但有许多方法可以用来设置、获取和操作日期用法:DateObject=newDate(parameters)Parameters可以是下列任意一种:无参数。例如:today=newDate()String。例如:tdate=newDate(“July,,::”)Date对象方法get方法组set方法组to方法组parse和UTC方法组get方法组set方法组to方法组、parse和UTC方法组Date对象示例<HTML><HEAD><SCRIPTlanguage="JavaScript"><!vardayname=newArray("日","一","二","三","四","五","六")varthedate=newDate("")documentwrite("<p>年的圣诞节是星期"daynamethedategetDay())thedatesetYear()documentwrite("<p>年的圣诞节是星期"daynamethedategetDay())><SCRIPT><HEAD><HTML>通用浏览器对象浏览器是用于显示HTML文档内容的应用程序浏览器还公开了一些可在脚本中访问和使用的对象这些对象存放了HTML页面的属性和其他相关信息。文档对象模型最低公用标准的文档对象层次Window对象Window对象表示浏览器的窗口可用于检索有关窗口状态的信息。属性Window对象方法()Window对象方法()Document对象Document对象表示给定浏览器窗口中的HTML文档用于检索有关该文档的信息。<THML><HEAD><TITLE>Document对象<TITLE><scriptlanguage=“JavaScript”>alert(documenttitle)<script><HEAD><HTML>Document对象属性Document对象方法History对象此对象提供客户最近访问过的URL列表。方法backforwardgoLocation对象此对象包含有关当前URL的信息它提供了重新加载窗口的当前URL的方法。属性Location对象方法表单对象表单对象的作用与用户进行交互接收并处理用户的输入表单对象的属性acceptactionmethodelements表单对象的方法submit表单对象示例表单元素事件文本域事件命令按钮事件复选框事件单选按钮事件组合框和列表框事件文本域事件事件onFocusonBluronChange用法<inputtype="text"name="名称"size="宽度"onFocus=“接受焦点处理程序"onBlur="失去焦点处理程序"onChange="改变内容处理程序">文本域事件示例命令按钮事件事件onClick用法<inputtype="button"value="值"name="名称"onClick=“单击事件处理程序">命令按钮事件示例复选框事件事件onClick用法<inputtype="checkbox"value="值"name="名称"checkedonClick=“单击事件处理程序">复选框事件示例单选按钮事件事件onClick用法<inputtype="radio"value="值"name="名称"checkedonClick="单击事件处理程序">单选按钮事件示例<HTML><HEAD><TITLE>选项按钮对象的事件<TITLE><SCRIPTLANGUAGE="JavaScript">functionoffButton(){varthebox=windowdocumentformradioif(theboxchecked==true){windowdocumentformradiochecked=falsedocumentbgColor='black'alert("请把灯打开!")}}functiononButton(){varthebox=windowdocumentformradioif(theboxchecked==true){windowdocumentformradiochecked=falsedocumentbgColor='white'alert("谢谢!")}}<SCRIPT><HEAD><BODYBGCOLOR="#FFFFFF"TEXT="red"><formname="form"><inputtype="radio"name="radio"onClick="offButton()">关灯<inputtype="radio"name="radio"onClick="onButton()"checked>开灯<form><BODY><HTML>组合框与列表框事件事件onFocusonBluronChange用法<selectsize=""name=""onFocus=""onBlur=""onChange=""><optionvalue="值">值<option><optionvalue="值">值<option><optionvalue="值"selected>值<option>……………………………<select>组合框与列表框事件示例<HTML><HEAD><TITLE>组合框对象的事件<TITLE><SCRIPTLANGUAGE="JavaScript">functionshow(txt){alert("选中的是"txt)}<SCRIPT><HEAD><BODYBGCOLOR="#FFFFFF"TEXT="pink"><formname="theform"><selectname="choosecategory"onChange="show(theformchoosecategoryoptionsselectedIndextext)"><optionselected>狗<option><option>鱼<option><option>鸟<option><select><form><BODY><HTML>表单有效性验证什么是表单有效性验证在用户在表单中输入的内容提交到服务器之前在客户端利用表单元素产生的事件运用脚本(JavaScript)校验用户输入的数据的有效性表单有效性验证的优点在客户端验证速度快减轻服务器端压力表单验证应用实例<HTML><HEAD><TITLE>表单对象的事件<TITLE><SCRIPTLANGUAGE="JavaScript">functionvalidateFirstName(){}functionvalidateLastName(){}functionvalidateEmail(){}functionprocessForm(){}<SCRIPT><HEAD><BODYBGCOLOR="#FFFFFF"><HALIGN="CENTER">处理表单事件<H><HR><FORMname="form"><P>名字:<INPUTTYPE="text"NAME="fname"size=onBlur="validateFirstName()">姓氏:<INPUTTYPE="text"NAME="lname"size=onBlur="validateLastName()"><p><P>Email:<INPUTTYPE="text"NAME="email"size=onBlur="validateEmail()">附注:<TEXTAREANAME="comment"rows=cols=>请输入附注<TEXTAREA><p><PALIGN="CENTER"><INPUTTYPE="button"value="提交此表单"onClick="processForm()"><INPUTTYPE="reset"value="重置"><P><FORM><BODY><html>总结一动态网页技术DHTML概述二JavaScript语言三VBScript语

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +1积分

关闭

新课改视野下建构高中语文教学实验成果报告(32KB)

抱歉,积分不足下载失败,请稍后再试!

提示

试读已结束,如需要继续阅读或者下载,敬请购买!

资料评分:

/126
¥30.0 购买

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部

举报
资料

图克木苏木 湛田乡 刘鲁根 南玉带胡同 马桥子街道
柳长街道 同成市场 三验山 沣水镇 杨村镇站北路中山巷