JS初级的入门(课程一)

要想学习JS !
首先呢我们要想知道JS是什么?

那么JS是什么呢?

JS全称(JavaScript)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言,又称客户端脚本语言。当然JS也是需要有很多逻辑性的,当然它的逻辑性一般不会太绕,不像Java、Python、C++、C语言等编程语言逻辑性比较强烈一些。那显然逻辑性不绕,肯定也就相对简单一些。而且JS也是很多专业的课程。

让我们走进JS

下面就让我们走进JS
因为JS的操作一般用户是看不到的
但是我们作为写JS编程的我们肯定要看到呀

可以看到编程语言的方法

于是这里就有了以下三种能让我们看到的方法
console.log() 控制台打印方法
document.write() 页面渲染的打印方法,还可以解析HTML的代码块
还有弹框的alert() 方法将内容以弹框的形式渲染在页面上,可以说是警示框
这三种方法后面都有一个括号,括号内的内容就是要输出的内容
说了这么多让我们,看一下效果吧:

方法一、console.log() 方法

如何使用console呢?

<script>
	console.log('123');//打印效果是123
</script>

然后打开浏览器,查看输出数据的显示
在这里插入图片描述
这时你会发现数据输出到哪里了?
其实console.log输出的数据是不会显示在在页面上的
要查看它的输出结果,需要我们鼠标右键单击页面然后点击检查按钮,然后点击到console选项

如下所示:
请添加图片描述
然后就可以看到输出的123了

console.log就是这样查看的

方法二、document.write() 方法

如何使用document呢?

<script>
	document.write('123');//打印效果是123
</script>

也是同样查看一下document的结果
在这里插入图片描述
看到数据直接渲染到了页面上,所以说document就是直接显示括号内的数据在页面上,但是这个document输出还可以解析HTMl代码
示例:

<style>
.one{
	width: 50px;
		height: 50px;
		background-color: red;
	}
</style>
<script>
	document.write("<div class='one'>12312</div>");//打印效果是123
</script>

上述代码效果如下:

在这里插入图片描述

可以看到这个documen不仅可以解析HTML代码还可以像普通的HTML代码一样使用CSS的样式

方法三、alert() 方法

那最后我们如何使用alert呢?

<script>
	alert('此处是弹框哟!!!');//弹框内容是'此处是弹框哟!!!'
</script>

最后查看一下alert的结果

请添加图片描述

可以看到这个alert会在每次页面重新加载之后会将其括号内的内容输出在浏览器框上
也是可以通过某些条件之后进行alert输出

上述三个方法的用途

上述三个方法就这么些
当然上面三个输出方法都有各自的用处

1.就比如说console.log() 方法一般用来检查代码是否有数据之类的

2.还有document.write() 因为其他的特点可以解析HTML的代码所以可以用来判断符合某些条件后输出内容

3.alert() 方法一般用在某个判断条件符合后触发 其起到警示的作用 警示框的名字就是这样来的

入门就先讲这么多

更多JS入门可以在主页查看

链接:更多JS入门知识

  • 2
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值