vw、vh、vmin、vmax 的含义
(1) vw、 vh、 vmin、 vmax 是一种视窗单位,也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗( Viewport)大小来决定的,单位 1,代表类似于 1%。
视窗( Viewport)是你的浏览器实际显示内容的区域—,换句话说是你的不包括工具栏和按钮的网页浏览器。
2)具体描述如下:
- vw:视窗宽度的百分比(1vw 代表视窗的宽度为 1%)
- vh:视窗高度的百分比
- vmin:当前 vw 和 vh 中较小的一个值
- vmax:当前 vw 和 vh 中较大的一个值
JavaScript
JavaScript是一种轻量级的脚本语言
javaScript是一种广泛用于客户端Web开发的脚本语言,常用来给HTML网页添加动态功能,比如响应用户的各种操作。
所谓“脚本语言”,指的是它不具备开发操作系统的能力,而是只用来编写控制其他大型应用程序的“脚本”。
JavaScript能跨平台、跨浏览器驱动网页,与用户交互。
2.JavaScript代码块一般放在script标签中。 如:
<script>
//js代码块
</script>
3.Javascript程序在html页面中具体如何放置?三个位置
1.嵌入式 嵌入在html的<script>标签中
2.外部引入 单独的js文件,后缀名以.js结尾
3.事件定义 嵌入在html标签的属性中
4.嵌入在HTML的<script>标签中
<html >
<head>
<title>标题</title>
<script type=“text/javascript”>
alert(“hello world”) ;
</script>
</head>
<body>
</body>
</html>
5. 文件扩展名为 .js Js文件内写程序代码
在网页中使用<script src=“这里是js程序文件路径”></script>引入
<html>
<head>
<title>标题</title>
<script type=”text/javascript” src="ini.js"></script>
</head>
<body>
</body>
</html>
6.Javascript中还有哪些和onclick事件相似的能够作为标签的属性的事件
onclick ,当鼠标点击一下时执行一次
onmouseover ,当鼠标放上去时执行一次
onmouseout ,当鼠标移出去时执行一次
onmousedown ,当鼠标按下时执行一次
onmouseup ,当鼠标在上面松开(弹起)时执行一次
ondblclick ,当鼠标双击时执行一次
onload ,当对象加载完成时执行一次
7. 注释:
// 单行注释
/*…*/ 多行注释
8.输出方法
alert(); //警告框
document.write(“内容”); //把文档写入 HTML 文档内部(body内部)
console.log() //控制台输出
console.error() //在控制台提示错误
console.warn() //在控制台提醒
console.info() //在控制台调试信息
9.基本数据类型有哪些
字符串 string
数字 number
布尔 boolean (true / false)
null 表示一个“空”的值 可用来清空变量
undefined (Undefined 这个值表示变量不含有值)
复合数据类型:
数组
对象
10.什么是变量
可变的量。从编程角度讲,变量是用于存储某种/某些数值的存储器
11.变量命名规则:
1.必须以字母、下划线或美元符号开头,后面可以跟字母、下划线、美元符号和数字。
2.变量名区分大小写,如:A与a是两个不同变量。
3.不允许使用JavaScript关键字和保留字做变量名。
4.变量命名要有含义,见名知意
12.变量声明
1.声明变量语法: var 变量名;
var a; 这就是定义了一个变量,变量名是a
var num1,num2; 可以一次声明多个变量 两个变量名间用,隔开
2.初始化变量
在定义变量的时候,就给值。
var a=45;这就是初始化变量a 把45赋值给a
var a=10,b=20; 也可以同时初始化多个变量,每个变量之间用,隔开
3.给变量赋值
比如你先定义了变量: var tt;
然后,再给值 tt=780;
这就是给变量赋值. var n; n=100;
13.变量的值可以是数据类型的任何一种。 如:
var a=“hello”; //变量的值是个字符串类型
var b=10; //变量的值是个数字类型
var c=false; //变量的值是个布尔类型
14.算术运算符
<script>
/*
+ 加
- 减
* 乘
/ 除
% 取余数
*/
// console.log(2 + 3);
// console.log(2 - 3);
// console.log(2 * 3);
// console.log(2 / 3);
console.log(4 % 2);
</script>
15. 弹出框
var age = prompt("请输入你的年龄",18);// 提示 输入对话框
console.log(age);
// document.write(`你的年龄是${age}岁`);
document.write(`你的年龄是<span style="color:red;">${age}</span>岁`);