js（ alert() ， console.log()输出）

最新推荐文章于 2024-04-25 11:03:58 发布
原创 最新推荐文章于 2024-04-25 11:03:58 发布 · 1k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#javascript #前端 #开发语言

本文介绍了JavaScript中用于输出的alert()和console.log()方法。通过var声明变量并使用alert显示对话框，结合onclick事件进一步展示弹窗效果。同时，讲解了通过外部js文件引入和函数封装代码的方式。在js操作中，利用while循环进行条件判断和控制台输出console.log()，特别是在处理九九乘法表等复杂输出时的注意事项。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

可以通过script包裹代码。编写js函数

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=h, initial-scale=1.0">
    <title>Document</title>
    <script>
        var a = "呵呵";
        alert(a)
        console.log(a)
    </script>
    <script src="js/l.js"></script>
</head>
<body>
    <button onclick="alert('哈哈')">点我</button>
</body>
</html>

我们可以看到，通过var，设置变量“a”，然后赋值，通过alert弹出对话框，对话框里就是值。
在这里插入图片描述
确认之后，会出现一个点击事件，通过函数οnclick=“alert(‘哈哈’)”，再次弹出对话框，得到所需值。
在这里插入图片描述
我们也可以通过script src=“js/one.js”，把写的后缀为js的文件带入进去，实现js编写

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/one.js"></script>
</head>
<body>
    
</body>
</html>

在js中，本人编写了一些判断，或者输出语句，需要填写正确，才能退出对话框，并运算后面代码，输出使用console.log()，把数据输出到后台。

//第1.1题
var a = 0;
for(var i = 1; i <= 100 ; i++){
    if(i%3==0&&i%7==0){
        a=a+i;
    }
}console.log(a)

//第1.2题
var b = 0;
var m = ""
var n = "☆"
for(var i = 1; i <= 5 ; i++){
    if(b<i){
        b++;
    } m = m + n;
    console.log(m)
}

//第1.3题
var c = "";
for(i = 1 ; i <= 9 ; i++){
    for(var j = 1; j <= i; j++){
        c += i + "*" + j + "=" + i*j + " ";
        if(i === j){
            c += "\n";
        }
    }
}
console.log(c)

//第1.4题
while(true){
        var d = prompt("请输入用户名");
        var e = prompt("请输入密码");
    if(d == "admin" && e == 123456){
        alert('登录成功');
        break;
    }
}

//第1.5题
var f = 0;
var g = 0;
for(i = 0; i <= 100; i++){
    if(i%10||i%100==3){
        f = f+i;
    }
    g = g+i;
}
console.log(g-f);

//第2.1题
var w = 100;
while(true){
    var g = prompt("1、存钱2、取钱3、显示余额4、退出");
    if(g == 1){
        var m = prompt("存入多少钱？");
        w = w + Number (m);
        alert("余额为："+w)
    }else if(g == 2){
        var n = prompt("取出多少钱？");
        w = w - Number (n);
        alert("余额为："+w)
    }else if(g == 3){
        alert("余额为："+w)
    }else if(g == 4){
        break;
    }else if(g > 4 || g < 1){
    alert("请输入正确的数字")
}
}

  
//第2.1题
var h = 0;
for(var i = 1;i<10000 ; i++){
    if(i%3==0&&i%7==0){
        h++;
        if(h==35){
            console.log(i)
        }
    }
}

运用while语句，循环整个判断函数，判断错误时，循环重来。
在这里插入图片描述
存取钱，显示余额，同样while循环，输出4、退出，才break。
在这里插入图片描述
使用console.log()输出，并在控制台打印，打印九九乘法表时，由于限制原因（控制台打印），不好排列，所以，把乘法表看成一个整体，然后再打印，并排列，就好看了。
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/two.js"></script>
</head>
<body>
    
</body>
</html>

js代码

除此之外，还可以用function sum1(){}函数，包裹代码，最后输出函数，可以用console.log(sum1());在控制台打印，下面的，我就不演示了，差不多的意思，有时间可以复制运行一下。

function sum1(){
    var a = prompt("请写下第一个数：")
    var b = prompt("请写下第二个数：")
    if(a > b){
        alert("最大的数为："+a)
    }else{
        alert("最大的数为："+b)}
        
}
sum1()



function sum2(){
    var c = prompt("请写下第一个数：")
    var d = prompt("请写下第二个数：")
    var e = prompt("请写下第三个数：")
    if(c > d && c > e){
        alert("最大的数为："+c)
    }else if(d > c && d > e){
        alert("最大的数为："+d)
    }else if(e > a && e > c){
        alert("最大的数为："+e)
    }
    
}
sum2()；



function sum3(){
    while(true){
        var f = prompt("请写下数字：")
        if(f < 10 && f >=4){
            if(f % 2 == 0 || f % 3 == 0){
                alert(f+"不是质数")
                return false;
            }
            alert(f+"是质数")
            return true;
        }else if(f >= 10){
            if(f % 2 == 0 || f % 3 == 0 || f % 5 == 0 || f % 7 == 0){
                alert(f+"不是质数")
                return false;
            }
            alert(f+"是质数")
            return true;
        }else if(f <= 3 && f >= 2){
            alert(f+"是质数")
            return true;
        }
        alert("请输入大于2的正整数")
    }
}
console.log(sum3());

function sum4(){
    var s = 0;
    var m = prompt("请选择数组长度：")
    var n = new Array();
    var sum = 0;
    n.length=m
    //console.log(h.length)
    for(i = 1 ; i <= m ; i++){
        n[i-1] = prompt("请输入第"+i+"个数组的数字：")
    }
    for(i = 0 ; i < m ; i++){
    
    }alert("原数组为："+n)
    if(s > n){
        s++;
        n--
        sum = n[s];
        n[s] = n[n];
        n[n]=sum; 
    }
    return n;
}    
console.log(sum4());


function sum5(){
    var w = prompt("请选择数组长度：")
    var v = new Array();
    var sum = 0;
    v.length=w
    //console.log(v.length)
    for(i = 1 ; i < w ; i++){
        v[i-1] = prompt("请输入第"+i+"个数组的数字：")
    }
    alert("原数组为："+v);
    for (var i = 0; i < v.length - 1; i++) {
        for (var j = 0; j < v.length - 1 - i; j++) {
            if (v[j] > v[j+1]) {
                var temp = v[j+1];
                v[j+1] = v[j];
                v[j] = temp;
            }
        }
    }
    return v;
}
console.log(sum5());

function sum6(){
var sum00 = 0;
    while(true){
        var g = prompt("1、加法运算 \n2、减法运算\n3、乘法运算\n4、除法运算\n5、退出");
        if(g == 1){
            var sum01 = prompt("第一个数为：");
            var sum02 = prompt("第二个数为：");
            sum00 = Number (sum01) + Number (sum02);
            alert("结果为："+sum00);
            return sum00;
        }else if(g == 2){
            var sum01 = prompt("第一个数为：");
            var sum02 = prompt("第二个数为：");
            sum00 = Number (sum01) - Number (sum02);
            alert("结果为："+sum00);
            return sum00;
        }else if(g == 3){
            var sum01 = prompt("第一个数为：");
            var sum02 = prompt("第二个数为：");
            sum00 = Number (sum01) * Number (sum02);
            alert("结果为："+sum00);
            return sum00;
        }else if(g == 4){
            var sum01 = prompt("第一个数为：");
            var sum02 = prompt("第二个数为：");
            sum00 = Number (sum01) / Number (sum02);
            alert("结果为："+sum00);
            return sum00;
        }else if(g ==5){
            break;
        }else if(g > 4 || g < 1){
        alert("请输入正确的数字")
        }
    }
}
console.log(sum6());
JavaScript语法：使用alert弹出变量值
CodeWhizZ的博客
08-30 2144
JavaScript的alert方法是一种简单而实用的方式，可以将变量的值以弹窗的形式展示给用户。本文详细介绍了JavaScript的alert方法，并提供了示例代码，演示了如何使用alert方法展示变量值。在JavaScript中，alert方法是一种常用的交互式方式，可以将消息以弹窗的形式显示给用户。而其中的"变量"，则代表着我们可以将任意数据存储在一个命名的容器中，并在需要的时候使用它们。在上述代码中，我们分别存储了一个数字、一个布尔值、一个数组和一个对象，然后使用alert方法分别弹出它们的值。
JavaScript第二讲：从alert到console.log：JavaScript初学者必知的调试技巧
星途码客的博客
05-31 967
以上介绍了JavaScript中常见的几种调试方法。对于初学者来说，console.log()可能是一个很好的起点，因为它简单易用且不需要额外的工具。然而，随着你对JavaScript的深入了解，你可能会发现使用专业的调试工具更加高效和强大。
JS-alert输出多个变量并换行
m0_63091773的博客
03-01 3517
alert输出变量换行
JavaScript——alert输出多个变量并换行
weixin_51016594的博客
03-02 1574
#alert输出多个变量并换行 需求：依次询问并获取用户的姓名、年龄、性别，并打印用户信息 <script> // 把用户输入信息存起来 // alert("测试数据第一行\n测试数据第二行"); var name = prompt('请输入您的姓名'); var age = prompt('请输入您的年龄'); var gender = prompt('请输入您的性别'); // 输出用户名
alert中显示变量值
yesterday you said tomorrow
07-07 4443
out是response对象，name是变量名： out.write("alert('禁用 "+ name +" 成功')");
js中console.log()的使用方法
tianxianghuiwei的博客
01-12 1783
可以输出之前在其中定义的任何类型的变量，或者只输出需要显示给用户的任何消息。如果函数被传递给函数console.log()，那么该方法将显示传递的function()的值。如果将字符串作为参数传递给函数console.log()，则该方法将显示它。如果将字符char传递给函数console.log()，则该方法将显示它。如果消息传递给函数console.log()，则该方法将显示给定的消息。如果数字传递给函数console.log()，那么该方法将显示它。它接受一个参数，该参数可以是数组，对象或任何消息。
JavaScript调试技巧之console.log()详解
10-23
`alert()`会在程序执行过程中弹出对话框，打断用户交互，而`console.log()`则只是在浏览器的控制台输出信息，不会干扰页面的正常运行。 `console.log()`是现代浏览器内置的调试方法，它位于全局`window`对象的`...
javascript 中的console.log和弹出窗口alert
10-21
在JavaScript编程中，console.log和alert都是用于输出信息到屏幕上，但它们的用途和表现形式有所不同。console.log是用于向开发者控制台输出调试信息，而alert则会在用户界面上弹出一个信息对话框。 1. console.log...
javascript的console.log()用法小结
10-28
在JavaScript开发过程中，`console.log()`相比`alert()`有诸多优势。`alert()`会中断页面执行并弹出对话框，用户体验较差，而`console.log()`则不会影响页面正常运行。此外，`console.log()`可以输出更丰富的信息，...
js调试工具console.log()方法查看js代码的执行情况
10-25
综上所述，console.log()方法是JavaScript开发过程中必不可少的调试工具之一，它能够有效地帮助开发者输出程序执行过程中的各种信息，从而快速定位和修复代码中的错误。随着前端开发的快速发展，掌握使用各种调试...
asp.net用js的alert显示变量
gbys(F55)的专栏
07-13 1825
private void LoadData(){   using(sqlconnention conn=new sqlconnetion(connstring))   {      try      {        ..................       }           catch(Exception ex)                {                  
JS部分语法 alert 变量
Soccer_ZZM的博客
03-02 4441
JavaScript：是用来制作web页面交互效果，提升用户体验。 web前端三层： 结构层 HTML 从语义角度，描述页面结构。 样式层 CSS 从审美角度，美化界面。 行为层 JavaScript 从交互的角度，提升用户体验。 随着2007年iPhone的发布，用户多了上网途径，就是在移动设备上上网，js在移动界面不
js的alert()
anfuye3276的博客
09-23 494
js的alert() 效果图： 图一： 图二： 图三： 代码： <script type="text/javascript"> 　　// alert() ; 只允许一个参数，如果有多个参数只显示第一个参数 ...
js的输入输出及变量的使用
o_x_y_的博客
07-26 1259
5.驼峰命名大驼峰每个单词的首字母都要大写StudentName小驼峰第一个单词的首字母小写其余首字母大写studentNamename。便于程序员进行变量的使用可以给变量定义别名->变量名。变量可以存储临时数据数据持久化->数据库mysql。3.使用变量使用变量进行业务逻辑的编写。2.变量赋值向内存空间中存储数据。变量名的命名规则符合标识符的命名规则。1.变量的声明开辟内存空间。二、js中变量的使用。......
mysql alert 变量_JS alert()方法调试代码
weixin_32952295的博客
01-27 674
在编写 JavaScript 的过程中，很有可能会出现一些语法错误和程序异常，所以在开发过程需要经常调试脚本代码(注：随写随调试不失为一种好习惯)。在开发程序时碰到程序异常现象，要快速定位并解决程序异常，要求开发人员掌握一些常用的代码调试方法和调试工具。在 JS 代码中，最常用的调试方法是 alert() 方法和 console.log() 方法，而常用的调试工具则是 IE 浏览器的的“开发人员工...
alert输出多个变量并换行
Bu120699的博客
08-23 577
alert 输出多个变量并换行
【JS】console - 控制台的几种输出方式
热门推荐
weixin_39415598的博客
01-11 1万+
微信订阅号：Rabbit_svip console.log(' 普通输出~ '); console.warn(' 输出警告！ '); console.error(' 输出错误！！！ '); console主要是给开发者用的一个工具。 它能在浏览器的控制台输出需要的东西。 在浏览器打开网页，然后按 f12 微信订阅号：Rabbit_s...
alert() 函数功能
(ง •̀_•́)ง
04-25 1634
这将在消息框中显示一个文本输入框，提示用户输入名称。用户输入的名称将存储在变量。这将在浏览器中显示一个消息框，其中包含文本 “Hello, World!在消息框中，用户可以选择“确定”或“取消”，如果用户点击“确定”，这将在消息框中显示变量。
关于html中alert()输出多个变量的问题
qq_42981122的博客
01-11 4868
alert()输出问题
console.log 过反调试
最新发布
03-20
if (console.log.toString() !== "function log() { [native code] }") { alert("Console method tampered!"); } ``` **原理**：调试工具可能重写`console`方法，导致其`toString()`结果不符合原生特征。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值