首页 > 软件开发 > JavaScript >

教你怎么用JavaScript写一个HelloWorld

来源:互联网 2023-03-16 23:58:15 124

JavaScript是web前端必须要会的一门脚本语言,在浏览器上几乎无所不能,弱类型 面向对象,加之语法和Java类似,取名为JavaScript。T7K办公区 - 实用经验教程分享!

当小伙伴看到这里,有一点小编可以确定,目前而言,几乎所有的动态网页都内嵌有JavaScript代码,可见其广泛性和实用性。T7K办公区 - 实用经验教程分享!

今天小编为大家带来一篇JavaScript入门经验,一个HelloWorld的组成。T7K办公区 - 实用经验教程分享!

看完本经验,希望小伙伴能学到(了解)2个方面:T7K办公区 - 实用经验教程分享!

1、DOM文档对象T7K办公区 - 实用经验教程分享!

2、Window浏览器对象T7K办公区 - 实用经验教程分享!

教你怎么用JavaScript写一个HelloWorldT7K办公区 - 实用经验教程分享!

工具/原料

  • JavaScript

方法/步骤

  • 1

    开始之前,必须具备HTML的知识,哪怕是片面的认识(知道html head body标签)T7K办公区 - 实用经验教程分享!

    我们的JavaScript是内嵌到html内运行的。T7K办公区 - 实用经验教程分享!

    内嵌的方式有两种,第一种是直接内嵌到HTML文档中。T7K办公区 - 实用经验教程分享!

    第二种则是JavaScript写成js代码文件,然后通过script标签的src属性加载js代码文件。T7K办公区 - 实用经验教程分享!

    小编以第一种方式为例。内嵌javascript的方式如下:script标签T7K办公区 - 实用经验教程分享!

    写法有很多种:T7K办公区 - 实用经验教程分享!

    严格的写法:T7K办公区 - 实用经验教程分享!

    script type="text/javascript" language="javascript">T7K办公区 - 实用经验教程分享!

    !--T7K办公区 - 实用经验教程分享!

    js代码T7K办公区 - 实用经验教程分享!

    -->T7K办公区 - 实用经验教程分享!

    /script>T7K办公区 - 实用经验教程分享!

    其实这些都可以省略,包括type和language和!-- -->注释都可以省略,一样可以被浏览器运行的,原因就是因为默认就是javascript作为脚本语言。T7K办公区 - 实用经验教程分享!

    教你怎么用JavaScript写一个HelloWorldT7K办公区 - 实用经验教程分享!

  • 2

    OK,我们先让html打印"HelloWorld"到浏览器,通过Js来完成。T7K办公区 - 实用经验教程分享!

    我们要用到的是Document文档对象(简称DOM),这个对象可以操作html文档的所有内容。T7K办公区 - 实用经验教程分享!

    我们调用这个对象的write方法,可以写数据到我们的html文档。T7K办公区 - 实用经验教程分享!

    document.write("HelloWorld");T7K办公区 - 实用经验教程分享!

    教你怎么用JavaScript写一个HelloWorldT7K办公区 - 实用经验教程分享!

  • 3

    快看,数据写出来了。T7K办公区 - 实用经验教程分享!

    其实我们也可以直接写标签进去。T7K办公区 - 实用经验教程分享!

    例如document.write("h1>HelloWorldh1>");T7K办公区 - 实用经验教程分享!

    我们加入了H1标签。T7K办公区 - 实用经验教程分享!

    教你怎么用JavaScript写一个HelloWorldT7K办公区 - 实用经验教程分享!

    教你怎么用JavaScript写一个HelloWorldT7K办公区 - 实用经验教程分享!

    教你怎么用JavaScript写一个HelloWorldT7K办公区 - 实用经验教程分享!

  • 4

    如果我们想通过浏览器弹窗的形式来显示HelloWorldT7K办公区 - 实用经验教程分享!

    这时候该怎么办呢?T7K办公区 - 实用经验教程分享!

    我们可以用Window浏览器对象,window对象表示浏览器中打开页面的窗口对象。T7K办公区 - 实用经验教程分享!

    我们也可以广义的把它理解为,window = 浏览器对象T7K办公区 - 实用经验教程分享!

    我们要调用的是一个alert的方法。T7K办公区 - 实用经验教程分享!

    相当简单,alert方法可以再浏览器在窗口内弹出一个消息框。T7K办公区 - 实用经验教程分享!

    window.alert("Hello World");T7K办公区 - 实用经验教程分享!

    教你怎么用JavaScript写一个HelloWorldT7K办公区 - 实用经验教程分享!

  • 4本页面未经授权抓取自百度经验
  • 5

    来看看运行效果?T7K办公区 - 实用经验教程分享!

    所有的浏览器都支持window对象,所以所有的浏览器都有alert方法,只是显示的会不同而已。T7K办公区 - 实用经验教程分享!

    怎么样?学会没?点一波关注吧?(*^__^*)T7K办公区 - 实用经验教程分享!

    教你怎么用JavaScript写一个HelloWorldT7K办公区 - 实用经验教程分享!

  • 是否帮到了您?如果有帮到您,请点个关注、点个投票、点个分享、点个赞

  • 1

    怎么关注?T7K办公区 - 实用经验教程分享!

    在经验的右上角小编头像旁边点击关注,如图。T7K办公区 - 实用经验教程分享!

    教你怎么用JavaScript写一个HelloWorldT7K办公区 - 实用经验教程分享!

  • 2

    怎么点赞?T7K办公区 - 实用经验教程分享!

    请在经验左侧点赞,如图。T7K办公区 - 实用经验教程分享!

    教你怎么用JavaScript写一个HelloWorldT7K办公区 - 实用经验教程分享!

  • 3

    怎么投票?T7K办公区 - 实用经验教程分享!

    在经验的下方点击投票,如图。T7K办公区 - 实用经验教程分享!

    教你怎么用JavaScript写一个HelloWorldT7K办公区 - 实用经验教程分享!

  • 4

    如果觉得小编写的还不错,可以动动鼠标把它分享给您的朋友。T7K办公区 - 实用经验教程分享!

    如何分享,鼠标移动到右下角第一个按钮上,在弹出的选项中进行分享,如图。T7K办公区 - 实用经验教程分享!

    不尽感激。T7K办公区 - 实用经验教程分享!

    教你怎么用JavaScript写一个HelloWorldT7K办公区 - 实用经验教程分享!

  • 注意事项

    • 如有疑问,点击左下角的投票或者有得给小编留言,小编看到会第一时间回复您,谢谢
    • 如果喜欢本经验,请关注我。可以把它分享给您的朋友,请点个投票点个收藏。谢谢,您的支持是我最大的动力。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!T7K办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码