【java-S2阶段】JavaScript基础

以你之姓@ 2022-05-13 07:04 179阅读 0赞

## 为什么要学JavaScript ##

做表单验证，可以减轻服务端的压力。  
实现动态效果，即：控制前段页面的显示。

--------------------

## JavaScript是基于对象事件驱动的 ##

--------------------

## JavaScript的特点 ##

*  向HTML页面中添加交互行为
 *  脚本语言，语法和java类似
 *  解释性语言，边执行边解释

--------------------

## JavaScript的组成 ##

1.ECMAscript  
2.DOM：document object model 文档对象模型，用于操作HTML文档。  
3.BOM：browser object model 浏览器对象模型，用于控制浏览器的状态和行为。

--------------------

## JavaScript的基本语法结构 ##

<script type="text/javascript">  </script>

--------------------

## JavaScript与HTML文档的三种结合方式 ##

行内：

<input type="button" value="普通按钮" onclick="javascript:alert('a');"/>

内部:在head标签中编写script标签中编写JavaScript代码

外部：使用标记 `<script src="hxt.js"> </script>`导入js；在外部js文件中写javascript代码。

--------------------

## JavaScript变量使用 ##

对于JavaScript变量使用时候，使用 var+变量名=值，是一种弱引用，不同于java在声明变量的时候，必须制定类型，在JavaScript中不必制定类型

##### JavaScript中常见的变量声明 #####

1.undefined  
var width；  
变量width没有初始值，将被赋予值undefined  
2.null  
表示一个空值，与undefined相等  
3.number  
浮点数和整数都可以表示  
4.boolean  
和java中相同，只有true和false  
5.string  
与java中区别在与string开头为小写

对于变量或值调用typeof运算符返回值

例如： typeof（变量名）

--------------------

## 字符串 ##

与java中相同的方法

--------------------

## 数组 ##

使用Array关键字

var arr=new Array（size） size为数组的长度；

也可以使用new Array\[“”,”“,”“\]； 放入数值

数组中常用的属性和方法

属性：length 相似于java中的长度显示  
方法：1.join（） 把数组的所有的元素放入一个字符串中，通过一个的分隔符号进行分隔。  
2.sort（）对数组进行排序  
3.push（）向数组末尾添加一个或更多

--------------------

## foreach ##

for（var i in 数组名）\{  
document.writeln(数组名\[i\])；  
\}

--------------------

## 输入 prompt() ##

输入主要是window下的，用Window调用，或者可以省略  
prompt（”你喜欢的颜色？”,”  “）;

--------------------

## 输出alert() ##

警告信息相当于java的system.out

alert(“”);

--------------------

## 函数 ##

使用parseXxx()  
xxx是基本数据类型的名字，相当于java中的包装类的装换

isNaN  
用于检查参数是否是非数字  
如果是非数字，返回true 否则false

function  
定义方法时候，直接用function+方法名（参数1，参数2）  
没有返回值类型

--------------------

发表评论取消回复

表情：

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

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

相关阅读

相关 JavaScript基础2

目录 1.BOM概述 1.1 BOM定义 1.2 BOM组成部分 2.Window对象常用方法 2.1 alert() 2.3 prompt() 2.1 con

た入场券/ 2023年10月10日 19:02/ 0 赞/ 36 阅读

相关 java 综合练习_Java基础阶段综合练习

packagecom.模拟练习题十二;importjava.sql.Connection;importjava.sql.PreparedStatement;importjava

男娘i/ 2022年11月03日 10:38/ 0 赞/ 224 阅读

相关前端---JavaScript基础2

文章目录前端---JavaScript基础2 对象类型判断 call函数对象属性操作

刺骨的言语ヽ痛彻心扉/ 2022年10月11日 12:26/ 0 赞/ 19 阅读

相关 javascript 基础2

1． for in语句会枚举一个对象所有的属性名。通过检测object.hasOwnProperty()来确定属性名就是该对象的成员 2．每个对象都连接到一个原型对象，并

╰半夏微凉°/ 2022年08月21日 02:17/ 0 赞/ 149 阅读

相关第三阶段 JavaScript基础

![Center][] [Center]: /images/20220714/188da129d3344331a07ce37db5b61228.png

忘是亡心i/ 2022年07月14日 05:43/ 0 赞/ 160 阅读

相关【JAVA-S2阶段】JavaScript论坛发言

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

柔情只为你懂/ 2022年05月13日 11:58/ 0 赞/ 196 阅读

相关【JAVA-S2阶段】JavaScript的DOM和BOM

window ![这里写图片描述][70] window是bom的核心 -------------------- 在window对象中有常见的方法 <tab

淡淡的烟草味﹌/ 2022年05月13日 11:00/ 0 赞/ 289 阅读

相关【java-S2阶段】JavaScript基础

为什么要学JavaScript 做表单验证，可以减轻服务端的压力。实现动态效果，即：控制前段页面的显示。 -------------------- JavaS

以你之姓@/ 2022年05月13日 07:04/ 0 赞/ 180 阅读

相关阶段会议2

总结：进行昨日困难汇总，余额查询的月显示为能够完成阶段记录: ![934488-20160602185503336-413987471.jpg][] 阶段模板： ![

r囧r小猫/ 2021年12月23日 07:09/ 0 赞/ 273 阅读

相关 JavaScript基础-第2章

![标题图][1240] 目标 1. 常用数据类型 2. 基本语法 3. 变量的定义与赋值 4. 数据类型与转换 5. 逻辑控制语句 6. 条件语句 7.

心已赠人/ 2021年09月16日 00:06/ 0 赞/ 467 阅读