教你怎么用JavaScript写一个HelloWorld
JavaScript是web前端必须要会的一门脚本语言,在浏览器上几乎无所不能,弱类型 + 面向对象,加之语法和Java类似,取名为JavaScript。
当小伙伴看到这里,有一点小编可以确定,目前而言,几乎所有的动态网页都内嵌有JavaScript代码,可见其广泛性和实用性。
今天小编为大家带来一篇JavaScript入门,一个HelloWorld的组成。
看完本,希望小伙伴能学到(了解)2个方面:
1、DOM文档对象
2、Window浏览器对象
操作方法
- 01
开始之前,必须具备HTML的知识,哪怕是片面的认识(知道html + head + body标签) 我们的JavaScript是内嵌到html内运行的。 内嵌的方式有两种,第一种是直接内嵌到HTML文档中。 第二种则是JavaScript写成js代码文件,然后通过script标签的src属性加载js代码文件。 小编以第一种方式为例。内嵌javascript的方式如下:script标签 写法有很多种: 严格的写法: <script type="text/javascript" language="javascript"> <!-- js代码 --> </script> 其实这些都可以省略,包括type和language和<!-- -->注释都可以省略,一样可以被浏览器运行的,原因就是因为默认就是javascript作为脚本语言。
- 02
OK,我们先让html打印"HelloWorld"到浏览器,通过Js来完成。 我们要用到的是Document文档对象(简称DOM),。 我们调用这个对象的write方法,可以写数据到我们的html文档。document.write("HelloWorld");
- 03
快看,数据写出来了。 其实我们也可以直接写标签进去。 例如 document.write("<h1>HelloWorld<h1>"); 我们加入了H1标签。
- 04
如果我们想通过浏览器弹窗的形式来显示HelloWorld 这时候该怎么办呢? 我们可以用Window浏览器对象,window对象表示浏览器中打开页面的窗口对象。 我们也可以广义的把它理解为,window = 浏览器对象 我们要调用的是一个alert的方法。 相当简单,alert方法可以再浏览器在窗口内弹出一个消息框。 window.alert("Hello World");
- 05
来看看运行效果? 所有的浏览器都支持window对象,所以所有的浏览器都有alert方法,只是显示的会不同而已。 怎么样?学会没?点一波关注吧?(*^__^*)