html 与 js

2023-11-17

一、
1. js:java script
js:基于对象,解释执行
java:面向对象,编译执行
2. html 引入 js 方式
(1)内部 js:body的最后一行

如下:在这里插入图片描述
3. 控制台的输入输出
(1)console.log(内容);
4. js 变量和数据类型
(1)变量声明
① var varName;
② let varName;
在这里插入图片描述
(2)赋值时确定变量的类型:
注意:值类型决定变量类型
变量的类型随着赋值类型的不同,可以改变
甚至变量可以不用声明,直接赋值使用,但不允许
① 获取变量的实际类型 var str = typeof(var)
② string ‘,’ “,” “.”
1)字符串转化为数值类型
a .var int = parseInt(str); 字符串转化为整数
b. var float = parseFloat(str); 字符串转化为小数
c. var length = str.length;
d. var ix = str.indexOf(subStr[,beginIndex])
[从beginIndex开始] 查找 subStr 的首字符在 str 中首次出现的位置
如果存在返回:0~str.length-1,否则返回-1
e. varlastIx = str.lastIndexOf(subStr[,beginIndex]);
[从beginIndex开始] 查找 subStr 的首字符在 str 中最后出现的位置
f. var sutStr = str.substring(beginIndex[,endIndex]);
截取从beginIndex(inclusive)开始到endIndex(exclusive)之间的字符串
g. var arr = str.split(sepStr);
以 sepStr 为分隔符,将字符串 str 拆分成字符串数组
h. 字符串拼接:
+ 同 java
“aa”.concat(“bb”);
③ number 1,0.5,3455555345343433
1)var float = float.toFixed(n); 保留精度n;
④ boolean true,false
1)js 中:0,“”,’ ‘,null,undefined;作为 false 使用
⑤ undefined [声明]未赋值
⑥ object 引用类型
1)数组
a . 创建数组
var arr = new Array(val,val 2, val3,…);
var arr = [“aa”,“bb”,“cc”];
b. 数组的常用属性和方法;
int len = arr.length; //获取数组的长度(数组中元素的数量)
arr.push(item); //尾部追加元素
arr.splice(beginIndex,howManytoDelete,item…)
//从beginIndex(inclusive) 开始删除 howManytoDelete 个元素,并插入 item…,
如果howManytoDelete 为 0;则默认为插入操作,如果 item …空,则默认为删
除操作。
var peak = arr.pop(); //获取并删除最后一个元素
var top = arr.shift(); //获取并删除第一个元素
var str = arr.join(joinStr); //使用指定的joinStr 将所有的数组元素连成一个字符串
c. 数组遍历:
for(var i=0;i<names.length;i++){
console.log(names[i]);
}
i 为下标
for(const i in names){
console.log(names[i]);
}
names.forEach((e,i)=>{
console.log(i+","+e);
}}
names.forEach(e=>{
console.log(e);
}}
2)日期
var date = new Date([long]);
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.geDate();
var weekDay = date.getDay(); 0~6
var hour = date.getHours();
var minute = date.getMinutes();
var second = date.getSeconds();
var millisec = date.getMillionSeconds();
3)自定义对象
var instanceof Type //类型判断
var obj = new Object();
var obj = {};
//构造函数
function Student(stuNo,name,age){
this.stuNo = stuNo;
this.name = name;
this.age = age;
this.getStuNo = function(){return this.stuNo;}
this.getName = function(){return this.name;}
this.getAge = function(){return this.age;
this.setStuNo = function(stuNo){this.stuNo = stuNo;}
this.setSName = function(name){this.name = name;}
this.setAge = function(age){this.age = age;}
this.toString = function(){
return [this.stuNo,this.name,this.age].join(’,’);
}
}
// 构造函数创建对象:
var stu = new Student(1,“张三丰”,18,‘男’,“江苏南京”);
stu.setName(“李斯”);
console.log(stu.tostring());
// json 对象
var student = {
stuNo:1,
name:“卢本伟”,
age:32,
gender:“男”,
address:“卢本伟广场”
};
var stuStr = JSON.stringify(student);
// json 字符串(模板格式
var stuStr = {"stuNo":1,"name":"卢本伟","age":32,"gender":"男","address":"卢本伟广场"};
var jsonStu = JSON.parse(stuStr);
//访问对象的属性
var val = obj.field
var val = obj.[“fieldName”]
// js 中类似反射
for(const field in student){
console.log(field+"="+student[field]);
}
⑦ function 函数类型
1)自定义函数
a. function funcName(param…){…}
b,.var funcName = function(param…){…}
c. 参数的值传递和引用传递
2) 内置函数:比如 parseInt…
parseInt
parseFloat
JSON.stringify
JSON.parse
setTimeout(func,time(ms)); 延时函数
setInterval(func,time(ms)); 定时函数
3) 构造函数:相当于 java 中的类
a.首字母大写函数
4)回调函数:将函数作为引用传给另一个函数
函数有括号为调用,无括号为引用
如下图里的输出语句里的 give() 为调用,add为引用
例如: 在这里插入图片描述
图中输出结果 console.log(give(add,5,13));先运算函数give,但它把方法给了add,所以调用函数add,用add里的方法运算;
补充:
在这里插入图片描述

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

html 与 js 的相关文章

随机推荐

  • 阻止事件的默认行为、React阻止事件的默认行为

    HTML中阻止事件的默认行为可以用return false a href Click me a 而React中只能显示调用e preventDefault function ActionLink function handleClick e
  • gitlab--基础--4.2--CICD--runner--常用命令

    gitlab 基础 4 2 CICD runner 常用命令 1 systemctl 读取的配置是 etc systemd system gitlab runner service文件 启动 systemctl start gitlab r
  • Linux下脚本实战之系统监控

    Linux下脚本实战之系统监控 一 脚本要求 二 脚本内容 三 运行脚本 一 脚本要求 1 监控系统的CPU 内存 硬盘使用率 二 脚本内容 bin bash File Name monitor sh Version V1 0 Aurhor
  • k8s Pod定义yaml配置文件详解

    此文件相关配置查询 此文件只做参考 以查询为准 kubectl explain 为文档查询命令如 kubectl explain pod spec volumes apiVersion v1 版本 kind pod 类型 pod metad
  • 互联网的行业都有哪些岗位?

    很多小伙伴想转行互联网 却对互联网行业知之甚少 今天小千就给大家简单介绍一下 方便感兴趣的同学自行入坑 互联网行业有哪些岗位 技术方向 架构师 前端工程师 后端工程师 人工智能 开发工程师 测试工程师 运维工程师等 市场方向 市场营销 媒介
  • Java之语言概述

    文章目录 1 软件开发介绍 1 1 常用的DOS命令 2 计算机编程语言介绍 3 Java语言概述 3 1 Java简史 3 2 Java技术体系平台 4 Java程序运行机制及运行过程 4 1 Java两种核心机制 2 垃圾收集机制 Ga
  • linux系统编程-2、进程

    前言 Linux系统编程的基础系列文章 随着不断学习会将一些知识点进行更新 前期主要是简单了解和学习 文章目录 进程 进程运行状态 进程原语 fork 进程相关函数 exec族 execl exec族区别 wait waitpid 进程 进
  • HTML中li去除样式以及占位问题

    在HTML中 使用 ul li li ul 的时候 总是会在列表的前面出现小圆点 去掉小圆点使用的方法很简单 就是直接使用CSS选择器进行选择之后进行样式的设定 具体应用如下 但是在去除小圆点之后仍然会存在问题 我们会发现使用此法去除小圆点
  • rest server的CRUD在线测试网站

    1 在sparkle的httpclientdemo中发现一个在线的测试网站 http httpbin org get 2 使用rest Debugger工具测试
  • 【前端】Vue项目:旅游App-(7)city:搜索框search和标签页Tabs

    文章目录 目标 过程与代码 搜索框 初步 自己实现取消功能 样式修改 标签页 效果 总代码 修改的文件 common css city vue main js 目标 过程与代码 搜索框 初步 在Vant文档中找到搜索框 Search搜索 按
  • SSH框架学习总结

    SSH框架学习总结 最终版权 JDram314 如转载请贴出出处 本来对SSH框架的学习可以早在去年 但是一直在给老师弄他的科研部分 所以一直拖到最近才算是学完了 乘现在有空总结一下 方便以后复习 一 Struts 在没有学习SSH框架前
  • MTK深圳公司嵌入式软件工程师笔试题(答案详解)

    1 1 define pi 3 142 define Area R pi R R3 main 4 5 int r1 5 r2 2 6 double s 0 7 s Area r1 r2 8 printf The area is f s 9
  • numpy.random.RandomState() numpy里random总结

    numpy random RandomState 函数用法 可以通过numpy工具包生成模拟数据集 使用RandomState获得随机数生成器 from numpy random import RandomState rdm RandomS
  • nginx+fastcgi+c/c++源码安装配置

    参考 http www cnblogs com xiaouisme archive 2012 08 01 2618398 html 由于以前安装过apache 已经安装了很多依赖库 现在只需要安装以下软件包 nginx 1 4 4 tar
  • s3cmd put 时提示 ERROR: S3 error: 403 (QuotaExceeded)

    配置里的rgw配额是10000000写满 s3cmd put 时提示 ERROR S3 error 403 QuotaExceeded rgw bucket default quota max objects 值为 1 查看配额信息 rad
  • 线性模型的介绍

    一 背景 在一个理想的连续世界中 任何非线性的东西都可以被线性的东西来拟合 所以理论上线性模型可以模拟物理世界中的绝大多数现象 线性模型 Linear Model 是机器学习中应用最广泛的模型 指通过样本特征的线性组合来进行预测的模型 给定
  • 【python基础知识】12.类与对象(一)

    类与对象 一 类 的基本概念 万事万物 皆为对象 类的创建和调用 我们都是中国人 类的创建 类的调用 总结 这篇文章中 我们会接触到一种全新的编程思维 面向对象编程 Object Oriented Programming 相信这种编程思维
  • Java基础(七): instanceof用法详解

    1 instanceof说明 instanceof 是 Java 的保留关键字 作用是 测试它左边的对象是否是它右边的类的实例 返回 boolean 的数据类型 instanceof是Java中的二元运算符 左边是对象 右边是类 当对象是右
  • MySQL中的各种查询

    文章目录 MySQL中的各种查询 基础查询 条件查询 排序查询 常见函数查询 分组查询 连接查询 内连接 外连接 交叉连接 子查询 联合查询 MySQL中的各种查询 基础查询 条件查询 语法 select 查询列表 from 表名 wher
  • html 与 js

    一 1 js java script js 基于对象 解释执行 java 面向对象 编译执行 2 html 引入 js 方式 1 内部 js body的最后一行 如下 3 控制台的输入输出 1 console log 内容 4 js 变量和