JavaScript: 介绍 & HTML与javaScript结合方式
1 JavaScript介绍
<1>虽然是java作为前缀,但java和javascript的关系,就像老婆和老婆饼之间的关系,没有一毛钱关 系!
<2>网景公司在Netscape2.0首先推出了JavaScript
<3>JavaScript 的正式名称是 “ECMAScript”,此标准由 ECMA 组织发展和维护,简称“js”
<4>JavaScript 是一种网页编程技术,用来向 HTML 页面添加交互行为
<5>JavaScript 是一种基于对象和事件驱动的解释性脚本语言,直接嵌入 HTML 页面,由浏览器解释 执行代码,不进行预编译。
js的特点
可以使用任何文本编辑工具编写,只需要浏览器就可以执行程序 (后面会学习不用浏览器也能运 行)
解释执行:事先不编译,逐行执行
基于对象:内置大量现成对象
适宜:
客户端数据计算
客户端表单合法性验证
浏览器事件的触发
网页特殊显示效果制作
js的组成
ECMAScript:定义核心语法,关键字,运算符,数据类型等系列标准
DOM:文档对象模型,将一个html页面的所有节点看成是一个一个的对象。更有层次感的管理每 一个节点。
BOM:浏览器对象模型,是对浏览器窗口进行访问和操作。使用 BOM,开发者可以移动窗口、改 变状态栏中的文本以及执行其他与页面内容不直接相关的动作:
弹出新的浏览器窗口
移动、关闭浏览器窗口以及调整窗口大小
提供 Web 浏览器详细信息的定位对象
提供用户屏幕分辨率详细信息的屏幕对象
对 cookie 的支持
IE 扩展了 BOM,加入了 ActiveXObject 类,可以通过 JavaScript 实例化 ActiveX对象,进而 实现ajax局部刷新技术
2 HTML与javaScript结合方式
使用js的三种方式
行内脚本
1. 点击按钮(触发)
2. 弹框(具体的操作)
<button onclick="alert('弹框测试')">点我一下</button>
内部脚本
1. 使用<script></script>
2. 标准是写在head和body之间(脖子位置),但其实只要写在html文件内部就可以,无论什么位置 , <html>外,
<p></p>内部,都可以。
<body> <script> alert("弹框"); </script> </body>
外部脚本
1. 在项目根目录下创建一个目录js
2. 在js目录中创建一个文件,后缀名是.js
3. 在html页面中,使用
<script src="js/xx.js"></script>
以上使用脚本的三种方式的优先级,谁在上,谁先执行。因为是解释性语言。