初学JavaScript&输出语句

简介: 前端三大件分别为:HTML、CSS、JavaScript。其中最重要的当属JavaScript。虽然现在开发通常使用框架,但是这些基础的才最重要的,就像一座高楼不能没有稳固的地基一样。打好基础,走遍天下都不怕。JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。即JavaScript 是一种编程语言,主要参与构建 Web 前端应用。

@[TOC]

1.前端三大件

前端三大件分别为:HTML、CSS、JavaScript。其中最重要的当属JavaScript。
虽然现在开发通常使用框架,但是这些基础的才最重要的,就像一座高楼不能没有稳固的地基一样。打好基础,走遍天下都不怕。

2.JavaScript

2.1JavaScript介绍

JavaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。
即JavaScript 是一种编程语言,主要参与构建 Web 前端应用。
javascript的基本特点:多范式的动态语言,它包含类型、运算符、标准内置( built-in)对象和方法

2.2JavaScript的主要功能

嵌入 动态文本 于HTML页面。
对浏览器事件做出响应。
读写 HTML元素 。
在数据被提交到服务器之前验证数据。
检测访客的浏览器信息。
基于 Node.js 技术进行服务器端编程。

2.3JavaScript的使用方式

类似于CSS样式的使用方式。将JS代码写在<script> </script>当中
不过与CSS不同的是:JS代码块<script> ··· </script>不仅可以应用在<head></head>当中,还可以写在<body></body>当中

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Hello JavaScript</title>
    <script>
        alert("哈哈哈哈哈");
    </script>
</head>
<body>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Hello JavaScript</title>
</head>
<body>
    <script>
        alert("哈哈哈哈哈");
    </script>
</body>
</html>

这两段代码效果都是一样的,都是有一个弹出框 内容是“哈哈哈哈哈”。
在这里插入图片描述

3.JavaScript的一些输出语句

在学习中,比较重要的调试方法就是输出一下,看一下如何如何。
使用window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 网页中。
使用 console.log() 写入到浏览器的控制台。

<script>
        window.alert("有什么准备吗");
        document.write("准备去爬泰山");
        console.log("准备好御寒衣物,一定要看好天气预报。")
</script>

·分别为弹窗“有什么准备吗”
·网页显示“准备去爬泰山”
·控制台显示“准备好御寒衣物,一定要看好天气预报。”--控制台打开方式:F12。或者在VSCode中查看调试控制台。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4.小结

如果有别的编程语言基础,学习JavaScript就会比较容易。不过要注意,学习不能大意马虎,往往注意不到的小知识点会在以后编程开发中耽搁很多时间。一定注意细节。

相关文章
|
前端开发 JavaScript
Web前端开发笔记——第四章 JavaScript程序设计 第四节 条件语句和循环语句
Web前端开发笔记——第四章 JavaScript程序设计 第四节 条件语句和循环语句
Web前端开发笔记——第四章 JavaScript程序设计 第四节 条件语句和循环语句
|
JavaScript 前端开发
JavaScript 代码结构:语句、分号和注释
JavaScript 代码结构:语句、分号和注释
200 0
JavaScript 代码结构:语句、分号和注释
|
JavaScript 前端开发
JS查漏补缺——with语句、eval函数
JS查漏补缺系列是我在学习JS高级语法时做的笔记,通过实践费曼学习法进一步加深自己对其的理解,也希望别人能通过我的笔记能学习到相关的知识点。这一次我们来了解with语句、eval函数
99 0
|
JavaScript 前端开发
JavaScript的break和continue语句的使用和区别
JavaScript的break和continue语句的使用和区别 JavaScript中break 和 continue都是用来控制循环结构,即用在for循环和while循环中。区别在于: break 语句用于跳出循环。 continue 用于跳过循环中的一个迭代。 1.break语句 break语句会终止循环并且跳出循环 for(var j=0;j&lt;5;j++){ if(j==3){ break; } console.log(j);//0 1 2 }
|
JavaScript 前端开发
JavaScript的流程控制之if条件语句和switch选择语句(一)
JavaScript的流程控制(一) 接下来我么来讲一下JavaScript的流程控制,JavaScript中的流程控制主要包括条件语句和循环语句。这篇博客主要讲条件语句。说到条件语句主要包括if条件语句和switch选择语句两种。 1.if语句 //语法: // if(判断的条件){ // 条件成立时的执行代码 // } //if语句当条件不成立时,不执行任何的代码 var oDate=new Date(); console.log(oDate.getDay()); if(oDate.getDay()==6){
|
JavaScript 前端开发 开发者
JavaScript常见的的输出方式
JavaScript常见的的输出方式 1.通过弹窗的形式输出 警告框 window.alert(&quot;输出内容&quot;); 1 确认框 window.confirm(&quot;确认信息的标题&quot;); 1 提示框 window.prompt(&quot;提示框标题&quot;,&quot;默认输出内容&quot;); 1 以上三种方式的window可以省略。 2.通过网页的内容区域形式输出 documen.write(&quot;输出的内容&quot;); 1 注意:因为document.write()是直接向文档中添加内容,所以当js文件中使用了window.οnlοad=function(){}时,使用docum
|
JavaScript
js输入输出语句
js输入输出语句
98 0
js输入输出语句
|
JavaScript 前端开发 Shell
开发中切忌使用的JavaScript语句 —— with语句 和 eval语句
开发中切忌使用的JavaScript语句 —— with语句 和 eval语句
163 0
|
JavaScript 前端开发 容器
前端(JavaScript)------运算符及分支语句、循环语句
先判断一个表达式的布尔值,然后根据布尔值的真伪,执行不同的语句。
101 0
|
JavaScript 前端开发
【基础篇】JavaScript的4种代码调试输出方式
【基础篇】JavaScript的4种代码调试输出方式
195 0
【基础篇】JavaScript的4种代码调试输出方式