JavaScript介绍
c
1995年 网景公司研发了第一个商用浏览器 js最开始出现的目的是为了解决表单提交 是布兰登艾奇 利用10天时间解决了表单提交问题 借鉴liveScript---JavaScript JavaScript和Java有什么区别 微软也研发浏览器 1995年 发布了IE3.0----自己研发了一个类似于js的东西 研发了一套标准:ECMAScript1.0 es1 现在用的最广泛的标准是ECMASCript5.0简称es5 ECMASCript6.0---简称es6
3. JavaScript介绍
3.1.网站组成
HTML--超文本标记语言---结构 CSS---层叠样式表-----样式 js---js脚本语言---网站交互
3.2.什么是JavaScript
==基于对象和事件驱动的解释性脚本语言==
-
基于对象:JavaScript 是一种基于对象的语言,这意味着它能运用自己已经创建的对象,因此,许多功能可以来自脚本环境中对象的方法与脚本的相互作用。
-
事件驱动:JavaScript 可以直接对用户或者客户输入做出响应,无须经过 web 服务器,它对用户的响应,以事件驱动的方式进行。
-
解释性
-
解释性:可以直接识别,读一行执行一行
-
编译性:高级语言,c c++ ,先编译计算机能识别的,再执行(速度快)
-
3.3.==JavaScript的特性==
基于对象 事件驱动 解释性 跨平台
3.3.==JS的组成==
ECMASscipt:js的标准 这个标准里面有js的语法和常用对象 DOM Document Object Modal 文档对象模型 BOM Browser object Modal 浏览器对象模型
4.代码初识
4.1 JS引入方式
4.1.1 行间引入
<!-- 第一种 行间引入 将js的语法直接写在开始标签上 注意:双引号不能嵌套双引号 单引号也不能嵌套单引号 但是双引号和单引号可以相互嵌套 onclick 鼠标点击事件 alert("提示信息") 浏览器弹窗 缺点:结构行为不分离 不方便后期维护 --> <button οnclick="alert('今天周一')">提交</button>
4.1.2 内部引入
<!-- 第二种 内部引入 js代码放在script标签中 script标签可以放在任意位置 代码的执行顺序是从上往下执行 建议:一般放在head和body的末尾 是因为js一般都是操作标签 我们要确保标签先加载出来 缺点:结构行为不分离 --> <script> //浏览器弹窗 alert("弹走弹走6") //操作div标签 操作p标签 </script>
4.1.3 外部引入
<!-- 第三种 外部引入 在外部创建js文件 通过script标签的src属性引入文件 src="js文件路径" 注意:引入外部文件的script标签 里面不能再写其他的js脚本 --> <script src="./1.js"> // alert("没有弹走") 不要在这里面再写其他的js代码 </script> <script> alert("没有弹走") </script>
4.1.4 语法规则与注释
<body> <!-- 注释 单行注释 // 一行js代码 快捷键是ctrl+/ 多行注释 /* 多行js代码 */ 快捷键是ctrl+shift+/ --> <!-- js的语法 1-每行语句后面要加; 2-js中严格区分大小写,有时候会使用驼峰命名 fontSize --> <script> /* */ // alerT("123"); </script> </body>