Java基础之JavaScript概述篇

傷城~ 2022-03-26 16:54 208阅读 0赞

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

发表评论取消回复

表情：

评论列表（有 0 条评论，208人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java 基础入门篇（一）：Java 概述

文章目录一、Java 概述二、Java 的产品 JDK 2.1 JDK 安装 2.2 Java与 Javac 介绍

小咪咪/ 2023年10月11日 21:49/ 0 赞/ 11 阅读

相关 javascript 基础概述

1.为什么要学习JavaScript? JavaScript 是 web 开发者必学的三种语言之一： (1)HTML 定义网页的内容 (2)CSS 规定网页的布局

╰+攻爆jí腚メ/ 2022年12月27日 11:18/ 0 赞/ 158 阅读

相关 Java基础之泛型概述

package cn.itcast.p1.generic.demo; import java.util.ArrayList; import j

小鱼儿/ 2022年12月09日 04:57/ 0 赞/ 140 阅读

相关 java基础篇：API概述和使用步骤

java基础篇 IDEA常用快捷键 <table> <thead> <tr> <th>快捷键</th> <th>功能</th> </

水深无声/ 2022年12月03日 12:52/ 0 赞/ 145 阅读

相关 Java基础之XML概述篇

1、XML介绍 XML全称为Extensible Markup Language，意思是可扩展的标记语言。XML语法上和HTML比较相似，但HTML中的元素是固

╰+哭是因爲堅強的太久メ/ 2022年04月23日 07:12/ 0 赞/ 193 阅读

相关 Java基础之JavaScript概述篇

1、JavaScript介绍 \JavaScript被设计用来向HTML页面添加交互行为。 \JavaScript是一种脚本语言（脚本语言是一种轻量级的

傷城~/ 2022年03月26日 16:54/ 0 赞/ 209 阅读

相关 Java基础之bootstrap概述篇

1、bootstrap介绍 \Bootstrap，基于HTML、CSS、JavaScript的前端框架（半成品）。其预定义一套css样式和与此样式对应的jQuery

桃扇骨/ 2022年03月25日 10:38/ 0 赞/ 424 阅读

相关 Java基础之jQuery概述篇

1、jQuery介绍 jQuery是一个JavaScript框架。它兼容css3，还兼容各种浏览器。文档说明很全，应用详细，成熟插件多。核心理念是write les

傷城~/ 2022年03月25日 06:12/ 0 赞/ 352 阅读

相关 Java基础之HTTP协议概述篇

1、HTTP协议的概述 HTTP协议：超文本传输协议（HTTP，HyperText Transfer Protocol）是互联网上应用最广泛的一种网络协议。用于

拼搏现实的明天。/ 2022年03月22日 06:38/ 0 赞/ 208 阅读

相关 Java基础之反射概述篇

1、反射介绍 \ Java 反射机制是在运行状态中，对于任意一个类，都能够知道这个类的所有属性和方法；对于任一个对象，都能调用它的任意一个方法和属性。

小鱼儿/ 2022年03月22日 06:08/ 0 赞/ 216 阅读