【Web: JavaScript】
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了【Web: JavaScript】,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3447字,纯文字阅读大概需要5分钟。
内容图文
![【Web: JavaScript】](/upload/InfoBanner/zyjiaocheng/615/7fe2433268a349f89dd4d3010154b8f5.jpg)
JavaScript
1、初识JavaScript
-
什么是JavaScript
JavaScript简称js, 负责给页面添加动态效果的一门编程语言,和Java语言没有关系 只是为了蹭Java热度
-
语言特点:
- 属于脚本语言,不需要编译 直接由浏览器解析执行
- 属于弱类型语言:
- 强类型: int x=10; String s = “abc”; x=“xyz”;报错
- 弱类型: let x=10; let s=“abc”; x=“xyz”; 不报错
- JavaScript是基于面向对象的语言
- 安全性比较高: JS只能访问浏览器内部数据
- 交互性高: JS语言可以直接嵌入到html页面中 在客户端执行,而Java语言需要客户端发出请求之后才能执行到.
2、三种引入方式
-
三种引入方式:
-
内联:在标签的事件属性中添加js代码, 当事件触发时执行.
事件:系统给提供的一些特定时间点
点击事件: 当用户点击元素时会触发的事件
<input type="button" value="按钮" onclick="alert('按钮点击了!')">
-
内部: 在页面的任意位置添加script标签,标签体内写js代码
<!--内部引入方式--> <script> alert("内部成功!"); </script>
-
外部:在单独的js文件中写JavaScript代码,在html页面中通过script标签引入
<!--引入外部js文件 script标签不能既写代码又引入文件,只能二选一--> <script src="my.js"></script>
-
3、JavaScript语法
3.1 变量声明和赋值
-
JavaScript语言属于弱类型语言
-
在javaScript语言中通过let(推荐)或var声明变量
-
java中:
? for(int i=0;i<10;i++){
? }
? int x = i;// 直接报错, 因为出了i的作用域
-
JavaScript中:
? for(var i=0;i<10;i++){
? }
? var x = i; //不报错,因为使用var声明变量可以理解为声明的是一个全局变量
? for(let i=0;i<10;i++){
? }
? let x = i; //直接报错, 因为出了i的作用域
3.2 数据类型
-
在javaScript中只有对象类型
-
常见的几种对象类型:
- number: 相当于java中所有数值类型的总和
- string: 和java中字符串类似 可以用单引号或双引号修饰
- boolean: true/false
- undefined: 未定义 ,当变量只声明不赋值时 变量的类型为未定义类型
3.3 运算符 + - * / % > < >= <= = != 和=
-
运算符和java大体相同
-
和=, ==:先同意两个变量的类型再比较值, ===先比较两个变量类型 再比较值
666==“666” true 666===“666” false
-
typeof 变量; 获取变量类型
typeof 66+6=? “number6”
3.4 语句 if else ,for, while, switch case
- 和java大体相同
- for循环 int i改成 let i
4、方法声明
-
java: public 返回值类型 方法名(参数列表){方法体}
-
JavaScript: function 方法名(参数列表){方法体}
-
常见的四种方法:
- 无参无返回值
- 无参有返回值
- 有参无返回值
- 有参有返回值
-
声明方法的三种格式:
- function 方法名(参数列表){方法体}
- let 方法名 = function(参数列表){方法体}
- let 方法名 = new Function(“参数1”,“参数2”,“方法体”);
4.1 和页面相关的方法
-
通过元素的id获取元素对象
let d = document.getElementById(“元素id”);
-
获取和修改元素的文本内容
div.innerText = “xxxx”; 修改
div.innerText 获取
-
获取和修改文本框的值
i1.value=“xxxx”;修改
i1.value 获取
-
获取和修改元素的html内容
div.innerHTML = “标签内容”; 修改
div.innerHTML += “标签内容”; 追加内容
div.innerHTML 获取
NaN: Not a Number 不是一个数 , isNaN(变量) 返回值为布尔值
5、JavaScript对象分类
- 内置对象: number,string,boolean等
- BOM浏览器对象模型 BrowserObjectModel, 包含和浏览器相关的内容
- DOM文档对象模型 DocumentObjectModel,包含页面相关的内容
5.1 BOM浏览器对象模型
-
window对象: 该对象里面的方法和属性称为全局属性和方法, 访问时可以省略window.
-
window对象中的常见方法
-
alert() 弹出提示框
-
confirm() 弹出确认框
-
prompt() 弹出文本框
-
isNaN() 判断变量是否是NaN
-
parseInt() 将字符串或小数转成整数
-
parseFloat() 将字符串转成小数
-
let timer = setInterval(方法,时间间隔) 开启定时器
-
clearInterval(timer); 停止定时器
-
setTimeout(方法,时间间隔) 只执行一次的定时器
-
(持续更新中)
内容总结
以上是互联网集市为您收集整理的【Web: JavaScript】全部内容,希望文章能够帮你解决【Web: JavaScript】所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。