Rhythm of Codes

入门 HTML & JavaScript:Hello World!

最近申请季忙完了,终于可以开始学习了!!

从JavaScript学起!

说道JS其实我第一次接触在六年级, 当时在做猎豹浏览器的皮肤还有插件,当时主要是用Photoshop和Frontpage在原有的模板上自己改动,源文件中有一部分json文件,当时对里边的数值做过改变之类的,但是并没有学习过代码和写法!

终于拖延症晚期的我在六年后要开始学习JS了!

让我们来看看入门Hello World!怎么写!

我的解释会非常的不严谨!仅供参考理解!

可以在这里在线运行试试看哦!

首先我们来学一下HTML中Hello World的写法!

框架很简单! <html></html>如同大括号一般

<body></body>再一个大括号!顾名思义是主体啦!

<p></p>之间的会被直接现实出来哦

当然我们还可以玩得复杂一点点 <h></h>也是有同样功能的!

ps:<p>是段落, <h>是标题, 两个作用不同

不过我发现了h还有一个神奇的功能那就是

可以在h后面加数字改变字号和格式哦!

形如

这个运行出来就是加粗加大的大标题哦!

ps: 只存在h1到h6,字号依次减小。

那么我们如何用JavaScript写呢?

在html中插入JavaScript代码要用到<script></script>

JavaScript 可以通过不同的方式来显示数据:

  • 使用 window.alert() 弹出警告框。

  • 使用 document.write() 方法将内容写到 HTML 文档中。

  • 使用 innerHTML 写入到 HTML 元素。

  • 使用 console.log() 写入到浏览器的控制台。

让我们看一下代码!

运行结果为

innerHTML的用法就不太一样啦

它的作用是获取html中的内容然后进行修改

这样运行的输出结果是

console.log()不会直接显示内容,而是会将其显示在后台console里

打开浏览器使用 F12 来启用调试模式, 在调试窗口中点击 “Console” 菜单,就可以看到啦。

HTML/JS里输出Hello World是这样写的哦!本文仅供输出Hello World!的参考,对一切函数与功能的解释均不完全!仅供参考!!

BYE~

Leave a Reply

Your email address will not be published. Required fields are marked *