Java基础之JavaScript概述篇

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等)属性值获得元素

猜你喜欢

转载自blog.csdn.net/weixin_42078450/article/details/86528877
今日推荐