Java Script基础
一、js简介:
简介:
- Java Script 是属于HTML和web的编程语言
- Java Script 可以对网页进行编程
基本用处:
- Java Script 能够改变HTML内容
- Java Script 能够改变HTML属性
- Java Script 能够改变HTML样式
- Java Script 能够隐藏HTML元素
- Java Script 能够显示HTML元素
二、js使用:
(一)基本语法:
在HTML中,Java Script 代码必须位于<script></script>
标签之间;
<script>
docunent.getElementById("demo").innerHTML = "hello world";
</script>
上述代码能够将id属性为“demo”的元素中的内容改成“hello world”;
Java Script 函数和事件:
Java Script 函数是一种Java Script 代码块,它可以在调用时被执行;
Java Script 的引入:
1.内嵌式:
在HTML文件中写入Java Script 部分,写在head部分与body部分都可以;一般写在body标签的最后面
2.外部引入:
<script src="Java Script文件名.js"></script>
3.行内式:
将js程序代码当做HTML元素的属性值去书写:
(二)Java Script 输出:
Java Script显示方案:
- 使用
window.alert()
写入警告框
可以使用警告框来显示数据:
- 使用
document.write()
写入HTML输出
注意:在HTML文档完全加载后使用document.write()
将删除所有已有的HTML:
提示:document.write()
方法仅用于测试 - 使用
innerHTML
写入HTML元素
如果需要访问HTML元素,Java Script可使用document.getElementById(id名)
方法;
id属性定义HTML元素。innerHTML属性定义HTML内容 - 使用
console.log()
写入浏览器控制台
(三)Java Script 语句:
在HTML中,Java Script 语句是由web浏览器“执行”的“指令”。
Java Script 程序:
计算机程序是由计算机“执行”的一系列“指令”。
在编程语言中,这些编程指令被称为语句。
JavaScript 程序就是一系列的编程语句。
注释:在 HTML 中,JavaScript 程序由 web 浏览器执行。
Java Script 语句:
JavaScript 语句由以下构成:
值、运算符、表达式、关键词和注释。
这条语句告诉浏览器在 id=“demo” 的 HTML 元素中输出 “hello world”:
document.getElementById("demo").innerHTML = "hello world"
大多数 JavaScript 程序都包含许多 JavaScript 语句。
这些语句会按照它们被编写的顺序逐一执行。
注释:Java Script 程序(以及Java Script 语句)常被称为Java Script 代码。
分号:
分号用于分隔Java Script 语句。
Java Script 代码块:
JavaScript 语句可以用花括号({…})组合在代码块中。
代码块的作用是定义一同执行的语句。
Java Script 关键词:
(四)Java Script 语法:
JavaScript 语法是一套规则,它定义了 JavaScript 的语言结构。
Java Script 值
Java Script 语句定义两种类型的值:混合值和变量值。
混合值被称为字面量(可以理解为常量)。
- 数值
任意值 - 字符串
即文本,由双引号或单引号包围;
变量值被称为变量。
- Java Script 使用var关键词来声明变量
- “=”用于为变量赋值
Java Script 运算符
Java Script 使用算数运算符(+ - * /)来计算值;
Java Script 赋值运算符
Java Script 比较运算符
Java Script 逻辑运算符
Java Script 类型运算符
Java Script 位运算符
Java Script 运算符优先级
Java Script 表达式
表达式是值、变量和运算符的组合,计算结果是值
Java Script 注释
- “//”用于注释单行代码
- “
/*注释内容*/
”可以用来注释多行代码
Java Script 标识符
标识符是名称
在Java Script 中,首字符必须是字母、下划线或美元符号
Java Script 对大小写敏感
Name与name是两个不同的变量;
Java Script 数据类型
- 字符串值
- 数值
- 布尔值
- 数组
- 对象
(五)Java Script 函数
- Java Script 函数是被设计为执行特定任务的代码块
- Java Script 函数会在某代码调用它时被执行。
Java Script 函数语法:
- Java Script 函数通过
function
关键词进行定义,其后是函数名和括号(); - 函数名可以包含字母、数字、下划线和美元符号
- 圆括号可包括由逗号隔开的参数:(参数1,参数2,…)
- 由函数执行的代码被放置在花括号中
函数调用:
- 当事件发生时(当用户点击按钮时)
- 当Java Script 代码调用时
- 自调时
函数返回:
当Java Script 到达return语句时,函数将停止执行;
总结:
函数部分和c、java部分大部分一样;不多赘述;
END:
js部分还有不少内容,但我还没有看完,呜呜…