奇酷学院老师html5高级就业大讲堂h5js课件js文件javascript1第一讲

彩虹网

1、JavaScript前世今生为什么学习javascriptWeb标准是由一系列规范组成,由于Web设计越来越趋向于整体化与结构化,此前的Web标准也逐步成为由三大部分组成的标准集: 结构(Structure)、 表现(Presentation) 行为(Behavior)。对应的网站标准也分三方面: 结构化标准语言、 表现标准语言(主要包括CSS) 行为标准。其中,html就是结构,主要存放网页一元素;css就是表现,对元素的样式进行设置,例如宽度,高度,位置,字体等等;javascript就是行为,对元素取值,动态的改变等等JavaScript能做什么?校验用户输入的内容动态地获取和改变htm

2、l的元素属性 检验用户的浏览器 可以创建和读取cookie (例如 注册、登录的数据)可以为html页面添加动态内容 能响应一定的事件 第一讲 JavaScript简介本讲主要内容什么是JavaScriptJavaScript的运行环境如何编写JavaScript程序如何运行JavaScript程序2022/9/18什么是JavaScript为什么要有JavaScript语言呢?JavaScript使网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容2022/9/18JavaScript的特点解释性代码不编译,也就是不用先被翻译为机器语言,编写完后

3、,只要你的电脑装有浏览器,那么就可以直接运行。用于客户端JavaScript不只在浏览器里可以运行,它还可以在别的地方用到,而且还可作为服务器端脚本使用。基于对象DOM(文档对象模型)2022/9/18Js组成部分核心(ECMAScript)ECMA(欧洲计算机制造商协会)JavaScript的核心ECMAScript描述了该语言的语法和基本对象文档对象模型(DOM)DOM描述了处理网页内容的方法和接口浏览器对象模型(BOM)BOM描述了与浏览器进行交互的方法和接口2022/9/18BOM(浏览器对象模型)DOM(文档对象模型)2022/9/18验证用户输入的内容有效地组织网页内容动画显示20

4、22/9/18JavaScript不能做什么客户端(client-side)语言,而不是在服务器上1.JavaScript不允许读写客户机器上的文件。这是有好处的,因为你肯定不希望网页能够读取自己硬盘上的文件,或者能够将病毒写入硬盘,或者能够操作你计算机上的文件。唯一的例外是,JavaScript可以写到浏览器的cookie文件,但是也有一些限制。2.JavaScript不允许写服务器机器上的文件。尽管写服务器上的文件在许多方面是很方便的(比如存储页面点击数或用户填写的表单数据),但是JavaScript不允许这么做。相反,需要用服务器上的一个程序处理和存储这些数据。这个程序可以是用Perl或

5、PHP等语言编写的CGI或Java程序。3.JavaScript不能关闭不是由它自己打开的窗口。这是为了避免一个站点关闭其他任何站点的窗口,从而独占浏览器。4.JavaScript不能从来自另一个服务器的已经打开的网页中读取信息。换句话说,网页不能读取已经打开的其他窗口中的信息,因此无法探察访问这个站点的冲浪者还在访问哪些其他站点。2022/9/18JavaScript的运行环境软件要求浏览器同时安装chrome开发工具推荐sublime, webstorm 和 hbuilder2022/9/18如何编写JavaScript程序JavaScript程序放在那里? 三个位置单独的Js文件嵌入在H

6、TML的标签中 嵌入在HTML 标签的属性中2022/9/18单独的Js文件文件扩展名为.jsJs文件内写程序代码,如 alert(一个对话框);2022/9/18JavaScript每一行的结束要用分号标注JavaScript区分大小写单独的Js文件在网页中使用引用,如标题2022/9/18Src属性指定要JavaScript程序的位置language属性指定脚本是用JavaScript语言编写的Script标签,告诉浏览器,这里是一段脚本代码嵌入在HTML的标签中标题2022/9/18注释:如果浏览器不支持JavaScript,那么,中间的代码不会在浏览器中显示JavaScript程序代码

7、嵌入在HTML 标签的属性中标题 点击我,出现对话框 2022/9/18Onclick属性是鼠标点击时触发事件,调用JavaScript函数,出现一个对话框访问dom元素2022/9/18document.getElementByIddocument.getElementsByNamedocument.getElementsBytagName本讲总结什么是JavaScriptJavaScript的运行环境如何编写JavaScript程序如何运行JavaScript程序2022/9/182022/9/18 作业课后习题 操作题:1.用警示框弹出“hello world”,要求用三种形式写出来。2.创建一个按钮,点击按钮修改按钮在页面的位置和大小。(访问DOM元素)

免责声明:由于无法甄别是否为投稿用户创作以及文章的准确性,本站尊重并保护知识产权,根据《信息网络传播权保护条例》,如我们转载的作品侵犯了您的权利,请您通知我们,请将本侵权页面网址发送邮件到qingge@88.com,深感抱歉,我们会做删除处理。