JavaScript

最新推荐文章于 2024-04-28 11:43:36 发布

海口无鱼

最新推荐文章于 2024-04-28 11:43:36 发布

阅读量120

点赞数

本文链接：https://blog.csdn.net/qi15689782508/article/details/111083640

版权

JavaScript

什么是JavaScript
JavaScript简称js, 功能是负责给页面添加动态效果

语言特点:

属于脚本语言, 不需要编译直接由浏览器解析执行
属于弱类型语言.
Java属于强类型: int x = 10; String s = “abc”;
x=“xyz” 报错
JS弱类型: let x = 10; let s = “abc”; x=“xyz”; 正常
JavaScript语言属于面向对象语言
安全性高: JS语言只能访问浏览器内部的数据,浏览
器以外的数据不能访问.
交互性强: 可以嵌入到html页面在客户端执行,而
java语言是在服务器端执行

三种引入方式:

内联: 在标签的事件属性中添加js代码,当事件触发
时执行

<!--内联引入方式:在标签的事件属性中添加js代码 事件触发则执行--> 
<input type="button" value="按钮" onclick="alert('内联成功!')">

内部: 在html页面中的任意位置添加script标签 ,在标签内部写js代码

<!--内部引入方式--> 
<script> alert("内部引入成功!"); </script>

外部: 在单独的js文件中写js代码, 在html页面中通过script标签的src属性引入

JavaScript语法**

JavaScript语言属于弱类型语言

Java属于强类型: int x = 10; String s = "abc"; 
x="xyz" 报错
JS弱类型: let x = 10; let s = "abc"; x="xyz"; 正 常

在JavaScript语言中声明变量使用 let/var
java:
for(int i=0;i<10;i++){
<!--内联引入方式:在标签的事件属性中添加js代码 事件触发则执行--> <input type="button" value="按钮" onclick="alert('内联成功!')"> <!--内部引入方式--> <script> alert("内部引入成功!"); </script>
    int j=i;
}
int x = i+5; //代码会报错 出了变量i的作用域
JavaScript:
for(var i=0;i<10;i++){
     int j=i;
}
alert(i); //可以访问到i, 在JavaScript中var声明的
变量可以理解为是一个全局变量
for(let i=0;i<10;i++){
int j=i;
}
alert(i); //不可以访问i , 用法和java中的变量作用
域一样

数据类型

在JS中只有对象类型
常见的对象类型:
number: 相当于java中所有数值类型的总和
string: 和java中String大体相同, 可以用单引号
或双引号修饰
boolean: true/false
undefined: 未定义类型, 当变量只声明不赋值时
为未定义类型

运算符 ±*/% > < >= <= = != ==和

运算符和Java大体相同
== 和 ===, ==: 先统一两个变量的类型再比较值,
===:先比较类型再比较值
“666”==666 true “666”===666 false
typeof 变量 ; 获取变量的类型
语句 if else, for, while, switch
case
和Java中大体相同
for循环中的int i 改成let i
方法声明
java: public void 方法名(参数列表){方法体}
js: function 方法名(参数列表){方法体}
常见的四种方法:
无参无返回值
无参有返回值
有参无返回值
有参有返回值
三种声明方法的方式:
function 方法名(参数列表){方法体}
let 方法名 = function(参数列表){方法体}
let 方法名 = new Function(“参数1”,“参数2”,“方法
体”);

和页面相关的方法

通过元素id获取元素对象
let d = document.getElementById(“id”);
获取和修改元素的文本
d.innerText 获取文本内容
d.innerText = “xxx”; 修改元素文本内容
获取和修改元素的html内容
d.innerHTML 获取
d.innerHTML = “标签内容” 修改元素的标签内容
获取和修改文本框的值
i.value 获取
i.value=“xxx” 修改

NaN

Not a Number: 不是一个数
isNaN(变量) 判断变量是否是NaN

JavaScript中的对象分类

内置对象: number,string,boolean等
BOM: Browser Object Model 浏览器对象模型, 包
含和浏览器相关的内容
DOM: Document Object Model 文档对象模型, 包含
和页面相关的内容

BOM浏览器对象模型

window对象: 该对象的属性和方法可以称为全局属
性和全局方法, 调用时可以省略掉window.

window对象中常见的方法:

alert() 弹出提示框
confirm() 弹出确认框
prompt() 弹出文本框
isNaN() 判断变量是否是NaN
parseInt() 把字符串或小数转成整数
parseFloat() 把字符串转成小数
let timer = setInterval(方法,时间间隔) 开启定时器
clearInterval(timer)停止定时器
setTimeout(方法,时间间隔) 开启只执行一次的定时器

window中常见的属性

• location 位置
location.href ：获取和修改浏览器的访问地址
location.reload() ：刷新页面
location.search ：获取浏览器地址栏中的参数
• history 历史
history.length：获取窗口历史页面数量
history.back() ：返回上一页面
history.forward()：前往下一页面
• screen 屏幕
screen.width ：获取屏幕宽分辨率
screen.height ：获取屏幕高分辨率
• navigator 导航/帮助
navigator.userAgent：获取浏览器的版本信息