JavaScript

vw、vh、vmin、vmax 的含义

(1) vwvhvminvmax 是一种视窗单位,也是相对单位。它相对的不是父节点或者页面的根节点。而是由视窗( 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>岁`);

 

 

  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值