JavaScript基础与弹出框操作详解-优快云博客

本文链接：https://blog.youkuaiyun.com/abberr/article/details/121042317

JavaScript

1 什么是JavaScript

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。

1.1JS案例

 <script>
       alert('你好');
 </script>

在这里插入图片描述

2 JS的引入方式

2.1 内部引用

使用

<script>
	alert("内部引用!")
</script>

2.2 外部引用

<!DOCTYPE html>
<html lang="en">
<head>
   
    <title>js外部引用</title>
    <script src="../js/20211016/js外部引用.js" ></script>
</head>
<body>
    
</body>
</html>

 /**
  * 练习alert弹出框
  */
alert("你好js");
alert('今天几点北京');
alert(1233);
alert("今天几点去北京？"+8);//此处+表示拼接
alert("今天心情好吗\n超好");//\n表示分段

在这里插入图片描述

3 JS弹出框

警告框

如果要确保信息传递给用户，通常会使用警告框。
当警告框弹出时，用户将需要单击“确定”来继续。

alert("你好js");

-确认框

如果您希望用户验证或接受某个东西，则通常使用“确认”框。
当确认框弹出时，用户将不得不单击“确定”或“取消”来继续进行。
如果用户单击“确定”，该框返回 true。如果用户单击“取消”，该框返回 false。

confirm("确认文本")

/**
 * 测试确认框（confirm）
 * 会有两个返回值：true/false
 * 点击确定：ture(真)
 * 点击取消：false(假)
 */
let ans=confirm("你吃饭了吗？");

 alert(ans);

在这里插入图片描述

提示框

如果您希望用户在进入页面前输入值，通常会使用提示框。
当提示框弹出时，用户将不得不输入值后单击“确定”或点击“取消”来继续进行。
如果用户单击“确定”，该框返回输入值。如果用户单击“取消”，该框返回 NULL。

prompt("提示文本");

/**
 * 测试输入框prompt
 */

let name = prompt("您的姓名?"); //弹出输入框,输入数据存储到name变量
alert("你的名字是:\n" + name);//+将字符串和输入的信息拼接显示

在这里插入图片描述

3.1 对话框案列

/**
 * js框弹出案例
 */

let name=prompt('您的姓名是？');//输入姓名，储存到变量name里
let yesOrNo=confirm('您是否是淘宝会员？');//确认是否是会员
if(yesOrNo){//点击确认按钮
    alert('恭喜您：'+ name+',您的第二件商品半价');//（两个加号）拼接两前后个字符串和变量name

}else{//点击取消按钮
alert('对不起，您不是我们的会员，请注册会员')
window.location.href='https://reg.taobao.com/member/reg/fast/union_reg?_regfrom=TB'
}//跳转到会员注册页面

在这里插入图片描述

点击确定

点击取消

4 JS 核心语法

4.1 变量

可变的量,类似变量x,y

var x  = 3; 

let x = 3;//3就是x的初始值

变量的初始化:给一个初始值

4.2 常量

不可变的量,例如 :“123”,“abc”,ture等
用const关键字定义常量

let const PI = 3.1415926;

4.3 命名规范

变量的第一个字不能为数字

变量命名用驼峰法:blueDog

常量命名大写:MIN_INT

见名知意!

4.4 注释

行注释

var x = 3; // 定义变量x

块注释

/*
 *  定义变量x，y计算 x+y的值
 */
 var x = 3;
 var y = 4;
 alert(x + y);

文档注释

描述程序的作用和函数的功能

/** 
 *  文档注释内容
 *  作者: qqqq
 */

4.4 日志

在浏览器控制台console中显示
开发中用日志调试信息

console.log(显示的信息);

在这里插入图片描述

JS总结（3）

JavaScript

1 什么是JavaScript

1.1JS案例

2 JS的引入方式

2.1 内部引用

2.2 外部引用

3 JS弹出框

3.1 对话框案列

4 JS 核心语法

4.1 变量

4.2 常量

4.3 命名规范

4.4 注释

4.4 日志