教你怎么用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方法,只是显示的会不同而已。 怎么样?学会没?点一波关注吧?(*^__^*)

(0)

相关推荐

  • 教你怎么用C写一个HelloWorld(DevC++版)

    我们第一个程序就是HelloWorld,下面就教你怎么在Dev C++里写一个Hello World程序. 操作方法 01 打开dev c++ 02 点击文件 -> 新建 -> 源代码 0 ...

  • 如何用html+css+javascript写一个简易红绿灯

    用html+css+javascript写一个简易红绿灯 操作方法 01 新建一个.html文件,用记事本打开. 02 在记事本中复制添加以下内容并保存: <html> <head& ...

  • 教你怎么用VBScript(VBS)写一个HelloWorld

    VBScript简称VBS,是Microsoft微软开发的一门脚本语言,其目的是方便windows管理管理windows操作系统,当然,VBScript同样可以像JavaScript那样嵌入到HTML ...

  • 教你怎么用shell脚本写一个HelloWorld

    首先,本是为刚接触Unix/linux的人准备的,它可以带你进入shell(Bash)的殿堂,但是它不会涉及太多的知识,只是一个Hello World. 操作方法 01 登入bash. 02 touc ...

  • 详解用javascript写一个简单计算器(一)

    本文将详细讲解如果用HTML,css,javascript与正则表达写一个简单计算器,由于篇幅较长,我们分开几篇来讲. 操作方法 01 首先我们要做好一个计算器的界面,主要用到html与css的知识, ...

  • 教你怎么在windows上用Dev C++写一个HelloWorld

    C++一直作为被当为全能语言在使用,上到游戏.设计软件.特效.下到硬件.底层.服务器.驱动.几乎无所不能,对于这样一门高级语言,我们要怎么写出第一个C++程序 -- Hello World 操作方法 ...

  • 教你用怎么vbs写一个简易的对话框

    看到windows那百花缭乱的对话框了吗?是不是很羡慕?想不想自己做一个呢?来,我手把手教你做一个对话框. 操作方法 01 首先我们需要创建一个文本文档. 右键桌面空白区域,新建 -> 文本文档 ...

  • 图解Android开发第一个HelloWorld程序

    不管学习什么编程,第一个程序都是要求打印输出一个"HelloWorld!". 本篇就从最简单的HelloWorld开始吧,开始大家的第一个Android程序开发,希望对大家的工作和 ...

  • 如何写一个简单的excel宏

    如何写一个简单的excel宏呢?下面小编来教大家. 操作方法 01 首先,我们打开我们电脑上面的excel,然后点击开发工具: 02 之后我们点击录制宏: 03 弹出的界面,我们点击确定: 04 然后 ...