JS总结(3)

阅读: 评论:0

JS总结(3)

JS总结(3)

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='=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(显示的信息);

本文发布于:2024-02-03 00:31:00,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170689146047474.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:JS
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23