JavaScript 语句、注释和代码块实例集合

最新推荐文章于 2024-08-12 22:28:07 发布
最新推荐文章于 2024-08-12 22:28:07 发布
阅读量445 收藏 1
点赞数 1
分类专栏： JavaScript 编程基础 文章标签： javascript 语句 实例集合 注释 代码块
版权声明：本文为博主原创文章，遵循 CC 4.0 BY 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62617719/article/details/129359292
版权

文章目录

JavaScript 语句、注释和代码块实例集合

在这里插入图片描述

JavaScript 语句

  • 源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<div id="myDIV">一个 DIV。</div>
<script>
document.getElementById("demo").innerHTML="你好 Dolly";
document.getElementById("myDIV").innerHTML="你最近怎么样?";
</script>
</body>
</html>
  • 运行效果
    在这里插入图片描述

JavaScript 代码块

  • 源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="myPar">我是一个段落。</p>
<div id="myDiv">我是一个div。</div>
<p>
<button type="button" onclick="myFunction()">点击这里</button>
</p>
<script>
function myFunction(){
	document.getElementById("myPar").innerHTML="你好世界！";
	document.getElementById("myDiv").innerHTML="你最近怎么样?";
}
</script>
<p>当您点击上面的按钮时，两个元素会改变。</p>
</body>
</html>
  • 运行效果
    在这里插入图片描述

JavaScript 单行注释

  • 源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
</head>
<body>
<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
// 输出标题：
document.getElementById("myH1").innerHTML="Welcome to my Homepage";
// 输出段落：
document.getElementById("myP").innerHTML="This is my first paragraph.";
</script>
<p><b>注释：</b>注释不会被执行。</p>
</body>
</html>
  • 运行效果
    在这里插入图片描述

JavaScript 多行注释

  • 源码
<!DOCTYPE html>
<html>
<head>
<title>梁辰兴实例</title>
<meta charset="utf-8">
</head>
<body>
<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
/*
下面的这些代码会输出
一个标题和一个段落
并将代表主页的开始
*/
document.getElementById("myH1").innerHTML="欢迎来到CSDN";
document.getElementById("myP").innerHTML="这是一个段落。";
</script>
<p><b>注释：</b>注释块不会被执行。</p>
</body>
</html>
  • 运行效果
    在这里插入图片描述

使用单行注释来防止执行

  • 源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
</head>
<body>
<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
//document.getElementById("myH1").innerHTML="欢迎来到我的主页";
document.getElementById("myP").innerHTML="这是我的第一个段落。";
</script>
<p><strong>注意:</strong> 注释块不会被执行</p>
</body>
</html>
  • 运行效果
    在这里插入图片描述

使用多行注释来防止执行

  • 源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>梁辰兴实例</title>
</head>
<body>
<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
/*
document.getElementById("myH1").innerHTML="欢迎来到我的主页";
document.getElementById("myP").innerHTML="这是我的第一个段落。";
*/
</script>
<p><strong>注意:</strong>注释块不会被执行。</p>
</body>
</html>
  • 运行效果
    在这里插入图片描述
梁辰兴
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
JavaScript基础和实例代码
03-20
2.9.5 语言注释语句 2.9.6 函数应用注意事项 2.10 本章小结 第3章 JavaScript事件处理 3.1 什么是事件 3.2 HTML文档事件 3.2.1 事件捆绑 3.2.2 浏览器事件 3.2.3 HTML元素事件 3.2.4 IE扩展的事件 3.3 JavaScript...
js-note:JS 基本和高级概念的块注释
05-29
此“js-note”压缩包文件包含了关于JS基本和高级概念的详细注释，旨在帮助开发者深入理解并熟练掌握JavaScript的核心特性。 一、JS基础概念 1. 变量：JavaScript中的变量使用var、let或const关键字声明。var是全局...
JavaScript 语句、注释和代码块
weixin_33774883的博客
06-16 669
2019独角兽企业重金招聘Python工程师标准>>> ...
java script 注释,javascript 注释代码的几种方法总结
weixin_29688535的博客
03-20 478
javascript注释代码一般有两种方法：单行注释多行注释javascript单行注释单行注释以"//"开头,到改行的末尾结束。下面是javascript单行注释实例：javascript单行注释javascript多行注释多行注释以 /* 开始，以 */ 结尾。下面的例子使用多行注释来解释代码：javascript多行注释如何解决浏览器不支持javascript应用注释符号验证浏览器是否支持J...
js/javascript代码注释规范与示例
alokka的博客
11-22 3733
注释在代码编写过程中的重要性，写代码超过半年的就能深深的体会到。代码注释规范是刚进入前端开发的小菜鸟们的必修课程。要养成良好的注释习惯。普通注释： 普通注释是为了帮助开发者和阅读者更好地理解程序，不会出现在API文档中。其中，单行注释以“//”开头；多行注释以“/”开头，以“/”结束。普通注释的使用需遵循以下规定。 // this is comment 总是在多行注释的结束符前留一个空格（使星号对齐
c语言case语句块,JavaScript使用Switch语句来选择将要执行的代码块
weixin_29174013的博客
05-23 239
JavaScript Switch 语句switch 语句用于基于不同的条件来执行不同的动作。使用 switch 语句来选择要执行的多个代码块之一。语法如下：switch(n) {case 1:// 执行代码块 1break;case 2://执行代码块 2break;default:// n 与 case 1 和 case 2 不同时执行的代码}工作原理首先设置表达式 n(通常是一个变量)。随后...
JavaScript console的使用方法实例分析
10-15
这两个方法组合使用可以测量代码块的执行时间。启动计时器后，执行完相关代码再结束计时，可以获取时间差： ```javascript console.time('Operation'); // Your code here console.timeEnd('Operation'); ``` ...
JavaScript的100个经典实例
08-10
JavaScript 语句、注释和代码块 * JavaScript 语句：JavaScript 语句是 JavaScript 的基本单元，例如 `<html><body><script type="text/javascript">document.write("这是标题</h1>");document.write("这是段落。...
js读写json文件实例代码
12-11
- `try...catch...finally` 语句块用于捕获和处理可能出现的错误。当文件操作出现异常时，`catch`块内的代码会被执行，而`finally`块确保无论是否发生错误，都会执行关闭文件流的操作。 需要注意的是，由于跨域和...
JavaScript-代码块
主营前端方向，技术栈是vue
11-25 460
代码块(语句是按照自上到下的顺序一条一条执行的,一个大括号中的语句我们也称为叫一个代码块,代码块内部的内容，在外部是完全可见的)
Arco Design for Vue 3 - 快速上手指南与实战技巧
qq_42072014的博客
08-11 467
如果你在使用 TypeScript 时遇到了类型定义问题，确保你安装了正确的类型包，并且版本与 Arco Design 的版本相匹配。Arco Design for Vue 3 是一个非常强大的 UI 框架，它不仅提供了丰富的组件和功能，还有完善的文档和支持。通过本文，你已经掌握了如何快速上手 Arco Design，并学会了一些实用的技巧来提升你的开发效率。希望这些经验能帮助你在 Vue 3 的开发过程中更进一步！
05_ Electron 自定义菜单、主进程与渲染进程通信
所学所思
08-09 621
单独写在一个 js 文件中，然后再在主进程中引入labe: "文件",submenu: [label: "新建文件",},label: "编辑",submenu: [label: "复制",},submenu: [// main.js// 1、引入初始化remote 模块width:800,})// __dirname 表示获取我们当前目录， path.join 会将两个参数合并成 d://electrondemo/index.html// 打开调试模式。
Electron学习与总结
song854601134的博客
08-12 122
组成，‌其中Chromium负责渲染和显示Web页面，‌而Node.js则提供了主进程的功能，‌包括管理应用程序的生命周期、‌创建和控制浏览器窗口以及与操作系统交互。，‌Electron使得开发者能够保持JavaScript代码库的一致性，‌从而轻松地创建跨平台的应用程序，‌而无需具备本地开发经验。Electron的核心是由。
Vue项目通过宝塔部署之后，页面刷新后浏览器404页面
水w的博客
08-07 317
Vue项目通过宝塔部署之后，页面刷新后浏览器404页面
牛客JS题（三十四）监听对象
不起眼小菜菜的博客
08-10 415
注释很详细，直接上代码……
【Markdown】Markdown 中的语言简称
最新发布
EleganceJiaBao的博客
08-12 447
以下是常见编程语言、脚本语言、标记语言等在 Markdown 中的语言简称以及相应的示例：
理解JavaScript：基础与实例解析
1. **创建脚本块**：在HTML中，你可以通过`<script>`标签来包含JavaScript代码，如`<script language="JavaScript">`，然后在标签内编写JavaScript语句。 2. **隐藏脚本代码**：如果希望在不支持JavaScript的浏览器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

梁辰兴

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值