JavaScript - 基础写法

JavaScript - 基础写法

1、JavaScript 的三种书写方式

  • 内联:

    • <script></script> script标签写在body结束的位置
  • 外联(引入外部的js文件形式、cdn)

    • <script src="js文件路径(本地的/外部)">这里不要写其他js代码了,无用</script>
  • 行内

    • 直接写在行内
      <button onclick="alert('打开了')">打开</button> // 行内
    
    <!DOCTYPE html>
    <html lang="en">
    <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
    </head>
    <body><script src="xxx.js"></script> <script>console.log('内联写法')</script>
    </body>
    </html>
    

2、JavaScript 的注释

  • 单行注释 //
    • 可以嵌套,快捷键:ctrl + /
  • 多行注释 /* */
    • 不能嵌套(会报错),快捷键:shift + alt + a
// 要注意html的注释不可以在js里面使用,否则会报错
例子:
// 穷逼会员
/** 宝贝 我来啦 **/

3、 JavaScript 输入和输出语句(三大弹框)

  • alert(‘想提示的内容’) 原生的

    • 弹出一个提示框
      在这里插入图片描述
  • prompt(‘提示用户输入什么’) 原生的

    • 弹出一个输入框,用户可以进行输入

    在这里插入图片描述

  • confirm(‘提示用户的内容’) 原生的

    • 弹出的是一个确认框,用户可以点确定或取消
      在这里插入图片描述

4、 JavaScript 控制台输出语句

​ console.log (需要输出的内容),开发人员调试数据用的

  • 如何查看需要输出的信息?

​ 在浏览器的F12-选则控制台-查看信息,如果输出的数据类型是字符串则是黑色,如果是number类型则是蓝色

console.log(输出的内容) 
console.log(输出的变量、数组、对象等等)

5、 JavaScript 结束符

​ 结束符的符号是: ;(英文格式,可写可不写),当把很多代码写在同一行的时候,那么就要加 分号 或者 逗号 ,否则报错。

vue的eslint是省略不写的(标准规范),写了会报错

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/512096.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

泊位与岸桥联合调度问题

研究课题 泊位与岸桥联合调度 要解决问题 通过控制船舶航速&#xff0c;控制船舶实际到港时间&#xff1b;通过分配泊位&#xff08;靠泊位置&#xff09;和岸桥数量&#xff0c;控制该船舶实际离港时间以及同一泊位的下一艘船的开始靠泊作业时间。 研究目标 对于计划期内所有…

设计模式:工厂模式 ⑤

一、思想 工厂模式&#xff1a;一个中介作用&#xff0c;在创建对象的时候。 主要作用&#xff1a;屏蔽对象创建过程&#xff0c;减少上层关注度&#xff0c;解耦并且内部方法可做更多扩展增强的处理。(比如使用映射消除if代码&#xff0c;存在多个同类对象需要抽象策略处理的时…

华为配置基于VLAN限速示例

华为配置基于VLAN限速示例 组网图形 图1 流量监管配置组网图 表1 Switch为上行流量提供的QoS保障 流量类型 CIR(kbps) PIR(kbps) DSCP优先级 语音 2000 10000 46 视频 4000 10000 30 数据 4000 10000 14 ^^^ 流分类简介配置注意事项组网需求配置思路操作步…

solana-keygen new生成的地址与用其助记词导入钱包后的地址不一致

问题&#xff1a;solana-keygen new生成的地址与用其助记词导入钱包后的地址不一致 答案&#xff1a;将输入BIP39 Passphrase这一步省了&#xff0c;也就是直接回车&#xff0c;啥也不输入。 原理&#xff1a;输入Passphrase会再进行一次加密运算&#xff08;私钥&#xff0c;…

《springcloud alibaba》 三 sentinel流量控制

目录 sentinel准备流控规则 qpspom.xmlapllication.yml启动类controller查看结果流控提示不太友好 流控规则 线程数全局异常处理pom.xmlapplication.yml启动类实体类controller类异常类测试 关联流控模式关联jmeter 链路servicecontroller代码调整 流控效果Warm UP 熔断降级规则…

【快刊合集】中科院2区SCI,Elsevier出版社,仅2个月录用!

【SciencePub学术】 1 计算机智能类SCI&#xff08;高质量/分区上升&#xff09; 【期刊简介】IF&#xff1a;6.5-7.0&#xff0c;JCR1区&#xff0c;中科院2区 【出版社】Elsevier出版社 【版面类型】正刊&#xff0c;仅5篇版面 【检索情况】SCIE在检&#xff0c;预计3个…

AI日报:埃隆·马斯克起诉OpenAI

埃隆马斯克&#xff08;ElonMusk&#xff09;正在起诉OpenAI涉嫌违约&#xff0c;声称这位ChatGPT的创建者违反了其成为非营利组织的创始承诺&#xff0c;这位科技亿万富翁表示&#xff0c;他资助并培育了这一承诺。 在一份长达46页的爆炸性投诉中&#xff0c;马斯克将OpenAI首…

在三个el-form-item中的el-radio的值中取一个发送给后端怎么获取

问: 请问,这段代码怎么获取:无策略,策略1,策略2的值? 回答: 问: 三个里面只可以选中一个吗? 回答:

docker容器内修改容器时间

因为开发需要&#xff0c;需要临时修改容器内时间测试&#xff0c;且不影响宿主机的原始时间。调研了下相关方法&#xff0c;现做记录如下. LIBFAKETIME ​ libfaketime 可以安装在linux和macOS系统。它使用操作系统的预加载library机制&#xff0c;因此对于静态链接或setuid程…

linemap | 这样好看的山峦地图真的可以快速绘制啦~~

上一次介绍了Python绘制svg的优秀可视化库Pygal&#xff0c;今天我们介绍一下一个优秀的R地图可视化绘制包-linemap包&#xff0c;顾名思义&#xff0c;该包是是为了绘制由线组成的地图&#xff0c;其官网如下&#xff1a;https://github.com/rCarto/linemap。该包主要拥有两个…

在CentOS7系统中安装Tomcat

下载 下载地址&#xff1a;Apache Tomcat - Welcome! 使用工具上传 使用FinalShell自带的上传工具将Tomcat的二进制发布包上传到Linux 在FinalShell文件栏点击上传按钮 将下载好的 apache-tomcat-9.0.86.tar.gz 上传至根目录 查看上传结果 # 跳转到root cd ~ # 查看目录内容…

【Java设计模式】六、代理模式:静态代理、JDK + CGLIB动态代理

文章目录 1、代理对象2、代理模式结构3、静态代理4、JDK动态代理5、JDK动态代理的原理6、CGLIB动态代理7、三种代理的对比8、代理模式的总结 结构型设计是将类或者对象按某种布局&#xff08;继承机制、组合聚合&#xff09;来组成更大结构。包括七种&#xff1a; * 代理模式 …