1、JavaScript介绍
*JavaScript被设计用来向HTML页面添加交互行为。
*JavaScript是一种脚本语言(脚本语言是一种轻量级的编程语言)。
*JavaScript由数行可执行计算机代码组成。
*JavaScript通常被直接嵌入HTML页面。
*JavaScript是一种解释性语言(代码执行不进行预编译)。
*所有的人无需购买许可证均可使用JavaScript。
-------Java与JavaScript有什么关系?-----没有任何关系。
2、JavaScript作用对比
*HTML:它是整个网站的骨架。
*CSS:它是对整个网站骨架的内容进行美化修饰。
*JavaScript:它能够让整个页面具有动态效果。
3、JavaScript的组成部分
ECMAScript:它是整个JavaScript的核心,包含基本语法、变量、关键字、保留字、数据类型、语句、函数等等
DOM:文档对象模型,包含整个html页面的内容
BOM:浏览器对象模型,包含整个浏览器相关的内容
4、JavaScript语法
*区分大小写
*变量是弱类型的,可以不用声明,统一使用var来定义(String str="kk",var str="123";),
*每行结尾的分号可有可无(建议有)
*注释与Java,PHP等语言相同
5、JavaScript数据类型
5.1、原始数据类型:string 、number 、boolean 、null 、undefined
5.2、引用数据类型:Array 、Boolean 、Date 、Math 、Number 、String 、ReqExp
6、JavaScript获取元素内容
6.1、获取元素:document.getElementById("id名称");
6.2、获取元素里面的值:document.getElementById("id名称").value;
7、JavaScript事件
表单提交事件:onsubmit
8、JavaScript的输出
8.1、警告框:alert();
8.2、向页面指定位置写入内容:innerHTML(属性);
8.3、向页面写入内容:document.write("");
9、JavaScript的引入方式
9.1、内部引入方式:
直接将JavaScript代码写到<script type="text/javascript"></script>
9.2、外部引入方式:
需要创建一个.js文件,在里面书写javascript代码,然后在html文件中通过script标签的src属性引入外部的js文件
10、总结
10.1、DOM(获得元素,创建元素等操作,统称为DOM操作):
Document Object Model 文档对象模型,定义访问和操作结构化文档(HTML)的方式
*创建的结构化文档:html 、xml 等
*DOM包括:核心DOM 、 HTML DOM 、XML DOM 。通常情况下HTML DOM 和XML DOM 是可以相互使用的。
10.2、document文档对象:
浏览器加载整个HTML文档形成Document对象,Document对象可以访问和操作HTML文档中的所有元素。
获得元素:getElementByXX() ,通过XX(Id,Name,ClassName,TagName等)属性值获得元素