javascript控制台有什么用,javascript控制摄像头焦距

本文介绍了如何使用JavaScript和XLSX.js库来读取.xlsx文件,解析数据,包括处理复杂表头,合并列和行,以及控制台的使用。
部署运行你感兴趣的模型镜像

大家好,小编来为大家解答以下问题,javascript控制台有什么用,javascript控制摄像头焦距,今天让我们一起来看看吧!

No.1   解析EXCEL表。根据已有的xlsx为后缀的excel表,获取表里的数据,从而判断拿出需要的数据

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    < src="js/jquery-2.1.0.min.js"></>
    < src="xlsx/xlsx.core.min.js"></>
</head>

<body>
    <input type="file" id="excel-file">
</body>

<>
    $('#excel-file').change(function (e) {
        var files = e.target.files;
        var fileReader = new FileReader();
        fileReader.onload = function (ev) {
            try {
                var data = ev.target.result,
                    workbook = XLSX.read(data, {
                        type: 'binary'
                    }), // 以二进制流方式读取得到整份excel表格对象
                    persons = []; // 存储获取到的数据
            } catch (e) {
                console.log('文件类型不正确');
                return;
            }

            // 表格的表格范围,可用于判断表头是否数量是否正确
            var fromTo = '';
            // 遍历每张表读取
            for (var sheet in workbook.Sheets) {
                if (workbook.Sheets.hasOwnProperty(sheet)) {
                    fromTo = workbook.Sheets[sheet]['!ref'];
                    console.log(fromTo);
                    persons = persons.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet]));
                    // break; // 如果只取第一张表,就取消注释这行
                }
            }
            console.log(persons);
        };
        // 以二进制方式打开文件
        fileReader.readAsBinaryString(files[0]);
    });
</>

</html>

No.2  这个方法可以自定义复杂表头,也可以知道怎么合并列或者行数据

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    < src="xlsx/xlsx.core.min.js"></>
</head>

<body>
    <input type="file" onchange="importf(this)" />
    <div id="demo"></div>
    <>
        var WB;
        var rABS = true; //是否将文件读取为二进制字符串
        function importf(obj) {//导入
            if (!obj.files) { return; }
            var f = obj.files[0];
            {
                var reader = new FileReader();
                var name = f.name; 
                reader.onload = function (e) {
                    var data = e.target.result;
                    WB = XLSX.read(data, { type: 'binary' });
                    document.getElementById("demo").innerHTML = JSON.stringify(WB.Sheets[WB.SheetNames[0]]);
                };
                if (rABS) reader.readAsBinaryString(f);
                else reader.readAsArrayBuffer(f);
            }
        }
    </>
</body>

</html>

您可能感兴趣的与本文相关的镜像

Stable-Diffusion-3.5

Stable-Diffusion-3.5

图片生成
Stable-Diffusion

Stable Diffusion 3.5 (SD 3.5) 是由 Stability AI 推出的新一代文本到图像生成模型,相比 3.0 版本,它提升了图像质量、运行速度和硬件效率

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"/> <title>摄殓密约:第一关</title> <style> body { font-family: 'Georgia', serif; background: #1a1a1a; color: #e0e0e0; margin: 0; padding: 20px; display: flex; justify-content: center; align-items: center; height: 100vh; } .game-container { max-width: 600px; background: #2a2a2a; padding: 30px; border-radius: 10px; box-shadow: 0 0 20px rgba(255, 255, 255, 0.1); } h1 { color: #d4af37; text-align: center; } .story-text { background: #1e1e1e; padding: 20px; border-radius: 8px; margin-bottom: 20px; line-height: 1.6; font-size: 16px; } .choices { display: flex; flex-direction: column; gap: 10px; } button { background: #444; color: #fff; border: none; padding: 12px 20px; border-radius: 6px; cursor: pointer; font-size: 14px; transition: background 0.3s; } button:hover { background: #666; } .character { color: #d4af37; font-weight: bold; } </style> </head> <body> <div class="game-container"> <h1>🎞️ 摄殓密约:第一关</h1> <div id="game-content"> <div class="story-text"> <p>夜幕笼罩着古老的庄园,你与<strong class="character">约瑟夫</strong>和<strong class="character">伊索卡尔</strong>一同踏入了这片被遗忘之地。</p> <p>前方是一扇紧闭的<span style="color:#cd853f;">雕花大门</span>,似乎是唯一的出口,但门上散发着诡异的力量,无法推开。</p> <p>远处,隐约传来<strong>监管者的脚步声</strong>……你们必须尽快找到出路。</p> <p>你决定让谁来行动?</p> </div> <div class="choices"> <button onclick="makeChoice('photo')"> 📸 让约瑟夫用相机寻找线索 </button> <button onclick="makeChoice('fix')"> 🔧 让伊索卡尔尝试修复大门 </button> <button onclick="makeChoice('hide')"> 🫣 先躲起来,观察情况 </button> </div> </div> </div> <script> function makeChoice(action) { const storyDiv = document.querySelector('.story-text'); const choicesDiv = document.querySelector('.choices'); if (action === 'photo') { storyDiv.innerHTML = ` <p>约瑟夫举起那台老旧的相机,调整焦距,对准了大门与周围的墙壁。</p> <p>“嗯……这张照片,有点意思。”他低声说道,取出了一张泛黄的照片。</p> <p>照片中,隐约显示大门旁边有一道<strong>几乎不可见的暗门</strong>!</p> <p>你找到了隐藏通道!</p> `; choicesDiv.innerHTML = ` <button onclick="nextLevel()"> 🚪 进入暗门,前往下一区域 </button> `; } else if (action === 'fix') { storyDiv.innerHTML = ` <p>伊索卡尔仔细观察那扇被封印的大门,伸手轻抚其表面。</p> <p>“这上面有灵体残留的痕迹……”他闭上眼睛,双手微微发光,低声念着安魂之语。</p> <p>然而,就在他试图“修复”大门时,一阵冷风袭来,远处脚步声骤然逼近!</p> <p><strong>糟糕,被发现了!</strong></p> `; choicesDiv.innerHTML = ` <button onclick="badEnd()"> 😨 你被监管者发现,游戏结束 </button> `; } else if (action === 'hide') { storyDiv.innerHTML = ` <p>你迅速拉着约瑟夫与伊索卡尔躲到了旁边的帷幕之后,屏住呼吸。</p> <p>监管者在附近来回走动,脚步沉重,但并未发现你们。</p> <p>过了片刻,他慢慢走远了……</p> <p>危机暂时解除,但你们仍需主动寻找出路。</p> `; choicesDiv.innerHTML = ` <button onclick="makeChoice('photo')"> 🔄 重新选择行动(推荐:让约瑟夫拍照) </button> `; } } function nextLevel() { document.querySelector('.story-text').innerHTML = ` <p>你们悄悄穿过暗门,来到了一间古老的<strong>图书室</strong>。</p> <p>四周是高大的书架,中央有一张桌子,上面放着一本打开的日记和一枚怀表。</p> <p>约瑟夫拿起怀表看了看:“这是……庄园主人的物品。”</p> <p>伊索卡尔翻开日记,里面记载着关于“灵魂定格仪式”的秘密……</p> <p><strong>恭喜你,成功进入第二关卡!🎉</strong></p> <p>(演示结束,你可以在此扩展更多关卡!)</p> `; document.querySelector('.choices').innerHTML = ` <button onclick="restartGame()"> 🔄 重新开始游戏 </button> `; } function badEnd() { document.querySelector('.story-text').innerHTML = ` <p>监管者猛然转头,看向你们藏身之处!</p> <p>他的双眼泛着诡异的红光,伸手向你抓来——</p> <p><strong>你们被抓住了!游戏结束!💀</strong></p> <p>也许下次,应该让约瑟夫先拍照找路……</p> `; document.querySelector('.choices').innerHTML = ` <button onclick="restartGame()"> 🔄 重新开始游戏 </button> `; } function restartGame() { location.reload(); } </script> </body> </html>帮我打开
08-26
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值