首页 技术 正文
技术 2022年11月6日
0 收藏 683 点赞 1,040 浏览 2004 个字

网页中各种技术的作用

感谢大佬:https://blog.csdn.net/RookiexiaoMu_a/article/details/89052768

HTML制作网页的结构
CSS美化网页
JavaScript让网页具有交互功能,在网页上运行脚本

JavaScript与java的区别

**特点****Java****JavaScript**
面向对象面向对象编程语言基于对象,不完全面向过程。有部分面向对象
的特点运行方式编译型语言,生成中间文件,不会生成中间文件
字节码解释型,解释一部分,
再运行一部分。跨平台安装虚拟机跨平台运行在浏览器中,只要系统有浏览器就可以运行。数据类型强类型语言,不同的数据弱类型,同一个变量可以赋值不同的数据类型。
类型严格区分大小写区分大小写区分大小写

JavaScript语言组成

ECMA Script所有脚本语言的规范,构成JS语言的核心基础
DOMDocument Object Model 文档对象模型,用来操作网页中各种元素和标签
BOMBrowser Object Model 浏览器对象模型,用来操作浏览器中各种对象,如:窗口

JavaScript五种数据类型

number数值型
boolean布尔类型:true/false
string字符串,没有字符类型
object对象类型:内置对象,自定义对象
undefined未定义的类型,没有赋初值,不知道是什么类型

JavaScript注意事项

  1. 关于弱类型?

    一个变量可以赋值不同数据类型的值

  2. 在JS中的字符和字符串引号?

    在JS中没有字符和字符串区分,都是字符串,字符串既可以使用单引号,也可以使用双引号。

  3. var定义变量的特点?

    var关键字不是必须的,可以省略,但是不建议。如果在函数体中定义变量省略了var关键字,则这个变量是全局变量

    变量可以重复定义

    不是函数的大括号,不能对变量的作用域起到限制的功能

JavaScript的比较运算符

  1. ==:在JavaScript中比较运算符是可以转换类型的,将字符串转成数值类型,再去比较
  2. ===:恒等于;既比较类型又比较值
<script type="text/javascript">
var n1 = "5";
var n2 = 5;
//在JS中比较运算符是可以转换类型的,将字符串转成数值类型,再去比较
document.write((n1 == n2) + "<br/>"); //true
//恒等于,既比较值,又比较类型
document.write((n1 === n2) + "<br/>"); //false
var n3 = "5";
document.write((n1===n3) + "<br/>"); //true
//字符串比较也是使用==,而不是使用equals()
document.write((n1==n3) + "<br/>"); //true
</script>

JavaScript的流程控制语句

  1. if:非布尔类型也可以作为判断条件

  2. switch:小括号使用true可以使用表达式作为判断条件

  3. for:与java一样

  4. while:与java一样

JavaScript匿名函数

命名函数语法:

function 函数名(形参列表) {
// 代码块
return 返回值;
}

匿名函数:没有名字的函数

语法:

var 变量名 = function(形参列表) {
// 代码块
return 返回值;
}
// 可以通过变量名来引用这个匿名函数

注意事项:

  1. 在JS中没有函数的重载,后出现的同名函数会覆盖前面的同名函数。调用的时候,形参的个数与实参的个数无关
  2. 每个函数的内部都有一个隐藏数组:arguments[]

this关键字的作用

  1. 出现在控件的事件方法中:this表示img标签这个元素
<!--this表示img对象-->
<img src="img/0.jpg" id="pic" width="600" onmouseout="imgMoveOut(this)">
  1. 出现在匿名函数的代码中:this表示匿名函数激活对象
document.getElementById("pic").onmouseover = function () {
//如果是自己的属性可以使用this
this.src = "img/3.jpg";
};

JavaScript定义数组

new Array()// 创建一个长度为0的数组
new Array(4)// 创建一个长度为4的数组
new Array(1,2,3,4)// 指定数组中每个元素创建数组
[1,2,3,4]// 指定数组中每个元素创建数组

Math对象

Math 对象

  • Math 对象用于执行数学任务。
  • Math 对象并不像 Date 和 String 那样是对象的类,因此没有构造函数 Math()。

语法

var x = Math.PI; // 返回PI
var y = Math.sqrt(16); // 返回16的平方根

Math 对象属性

Math 对象方法

String 对象方法


补充:

https://www.w3school.com.cn/js/js_switch.asp

相关推荐
python开发_常用的python模块及安装方法
adodb:我们领导推荐的数据库连接组件bsddb3:BerkeleyDB的连接组件Cheetah-1.0:我比较喜欢这个版本的cheeta…
日期:2022-11-24 点赞:878 阅读:8,961
Educational Codeforces Round 11 C. Hard Process 二分
C. Hard Process题目连接:http://www.codeforces.com/contest/660/problem/CDes…
日期:2022-11-24 点赞:807 阅读:5,485
下载Ubuntn 17.04 内核源代码
zengkefu@server1:/usr/src$ uname -aLinux server1 4.10.0-19-generic #21…
日期:2022-11-24 点赞:569 阅读:6,330
可用Active Desktop Calendar V7.86 注册码序列号
可用Active Desktop Calendar V7.86 注册码序列号Name: www.greendown.cn Code: &nb…
日期:2022-11-24 点赞:733 阅读:6,113
Android调用系统相机、自定义相机、处理大图片
Android调用系统相机和自定义相机实例本博文主要是介绍了android上使用相机进行拍照并显示的两种方式,并且由于涉及到要把拍到的照片显…
日期:2022-11-24 点赞:512 阅读:7,746
Struts的使用
一、Struts2的获取  Struts的官方网站为:http://struts.apache.org/  下载完Struts2的jar包,…
日期:2022-11-24 点赞:671 阅读:4,780