首页 > 系统相关 >03_渲染进程调用node

03_渲染进程调用node

时间:2023-09-21 11:26:13浏览次数:31  
标签:node 03 fs console log 文件 渲染 let btn

  我们先创建一个文件夹及文件,并且在 html 引入 JS 文件。

  在 render.js 里面输入以下内容:

let fs = require('fs')  // let是在当前代码块有效

console.log(fs) // 将fs对象的内容打印到控制台供调试和查看

  fs 模块:对文件系统进行操作,在 Node.js 环境下进行常见的文件系统操作:

读取文件内容
写入文件内容
追加文件内容
复制、移动和重命名文件
创建、删除和遍历目录
修改文件和目录的权限
监听文件和目录的变化

  并在以下地方添加:

  在 index.html 文件添加 button 按钮:

  在 render.js 添加以下代码:

let fs = require('fs')  // let是在当前代码块有效

console.log(fs) // 将fs对象的内容打印到控制台供调试和查看

/* 按钮绑定事件 */
/*
  document :代表当前文档(即网页)的对象
  querySelector :查找文档中符合指定选择器的第一个元素
  整体意思 :将通过 querySelector() 方法获取到的第一个 <button> 元素赋值给变量 btn
 */
let btn = document.querySelector('button'); 
let i = 0
btn.onclick = function(){       // 点击事件的监听器,function是作为点击事件的处理函数
    i++
    fs.writeFile('input.txt', '好好好,这样玩是吧', (err) => {
        if (err) {
            console.log(err)    // 输出错误信息
        }
        else {
            console.log('输入完毕')
        } 
    })
}

  最后效果图:

  

 

标签:node,03,fs,console,log,文件,渲染,let,btn
From: https://www.cnblogs.com/toutiegongzhu/p/17719253.html

相关文章

  • Node.js 20 —— 几个令人大开眼界的特性
    前言:欢迎来到Node.js20Node.js20已经发布,带来了创新和激动人心的新时代。这个开创性的版本于2023年4月18日首次亮相,并将在2023年10月发布长期支持(LTS)版本,并且将持续支持至2026年4月,下面小编就为大家介绍一下Node.js20的几个新特性:1.Node.js权限访问Node.js20正式推出了......
  • 关于FAILED: ParseException line 4:0 cannot recognize input near ')' 'row' 'fo
    问题描述在我使用建表语句在hive数据库里面建表时,就出现了这个错误:问题解决指示的是第四行数据没有被访问到;那就是上面的语句有问题:观察发现,我定义的count字符串后面多加了一个逗号,去掉再执行建表语句,就没问题啦!......
  • Java学习之路--GUI编程03
    packagecom.gui.lesson03;importjava.awt.*;importjava.awt.event.KeyAdapter;importjava.awt.event.KeyEvent;//2023.3.20GUI编程--键盘监听学习publicclassTestKeyListener{publicstaticvoidmain(String[]args){newKeyFrame();}}//键盘监听类cla......
  • 使用dom4j解析xml文件及selectNodes取不到值问题解决
    参考文档:https://blog.csdn.net/PARADDD/article/details/131307189https://blog.csdn.net/weixin_37703598/article/details/81273199......
  • Lumion12中文版下载 Lumion 12 Pro(3D渲染软件) 各个版本下载
    Lumion是一款让你可以将你的设计从平面图变成了立体的软件。它可以把你的设计变成一个3D模型,让你可以在里面随意走动,就像你在现实中一样。这个软件非常容易使用,它不需要你有很多的技术知识,只需要你会使用鼠标和键盘就可以了。软件地址:看置顶贴特点:Lumion软件是一款强大的3D可视化工......
  • node express 相关配置
     hbuilderX直接安装/或者通过命令行``npminit``安装###安装express``npminstallexpress--save``在app.js中引入express```js//引入express框架,并使用expressconstexpress=require('express')constapp=express()```express官网https://www.expressjs......
  • Java学习之路--网络编程相关03
    packagecom.kuang.lesson03;importjava.net.DatagramPacket;importjava.net.DatagramSocket;importjava.net.InetAddress;//2023.3.6UDP通信方式实现发送消息----不需要连接服务器publicclassUdpClientDemo01{publicstaticvoidmain(String[]args)throwsExcepti......
  • Clone fail unable to access 'httpsgithub.comLovi-githubmyUserCenter.git' OpenSSL
    bug:unabletoaccess'https://github.com/xxx':OpenSSLSSL_read:SSL_ERROR_SYSCALL,errno10054关于git提交github出现errno10054、port443:Timedout等问题解决_git提交10054_husishuai的博客-CSDN博客按照上边的解决方法即可......
  • Hbase--执行hbase shell命令时提示:ERROR: KeeperErrorCode = NoNode for /hbase/mast
    1、问题描述执行hbase shell命令时提示:ERROR:KeeperErrorCode=NoNodefor/hbase/master2、问题原因这是与因为服务器重启后Hadoop的运行和Hbase的运行异常。3、解决办法依次去停止和启动Hadoop(1)到hadoop的sbin目录下 ./stop-all.sh(2)再./start-all.sh(3)再到hbase的b......
  • sql server 'IN' 拼接SQL 在C# 中匹配问题
    varsql=@"selectdistincta.Empno,a.Alarmdate,l.Wdat,l.Empno,l.Empnm,l.Depno,l.Depnm,l.Clsno,l.Time1,l.Time2,l.Wtime1,l.Wtime2,l.Latet,l.Erat,l.Offtime,l.Memofrom......