首页 > 软件开发 > JavaScript >

js入门的教程

来源:互联网 2023-03-16 23:56:57 版权归原作者所有,如有侵权,请联系我们

js的全称是javaScript,这是一门前端的脚本编程语言,不管做前端开发还是后台开发,这门编程语言建议都要学,只是侧重点会不一样,小编下面就教大家学习js。lnp办公区 - 实用经验教程分享!

js入门的教程lnp办公区 - 实用经验教程分享!

工具/原料

  • 电脑

方法/步骤

  • 1

    学习js之前建议你先学习一下HTML,不用学的多好,但是最基本的语法必须知道,如下图。lnp办公区 - 实用经验教程分享!

    js入门的教程lnp办公区 - 实用经验教程分享!

  • 2

    在电脑上新建记事本文件,修改文件名称和后缀,如果后缀不显示,则需要调整出来,改为hello.html.改完之后文件变成了浏览器图标,说明你已经成功了。lnp办公区 - 实用经验教程分享!

    js入门的教程lnp办公区 - 实用经验教程分享!

  • 3

    把第一步的代码放入到这个文件里面,然后修改为下面这样。需要编辑文件内容,所以要先打开这个文件,当然不要选择直接打开,因为直接打开是用浏览器打开,所以需要选择打开方式->记事本打开。lnp办公区 - 实用经验教程分享!

    js入门的教程lnp办公区 - 实用经验教程分享!

  • 4

    然后保存,再使用浏览器打开这个文件,我们看看效果。lnp办公区 - 实用经验教程分享!

    js入门的教程lnp办公区 - 实用经验教程分享!

  • 5

    接下来编写js代码,js代码一般是放在head标签里面,title标签后面,为了更方便阅读,所以要养成换行的好习惯。lnp办公区 - 实用经验教程分享!

    js入门的教程lnp办公区 - 实用经验教程分享!

  • 6

    保存代码,然后在浏览器打开文件,我们可以看一下效果。lnp办公区 - 实用经验教程分享!

    js入门的教程lnp办公区 - 实用经验教程分享!

  • 7

    代码很多,我就不一个一个举例了,js主要学一些什么呢?主要学习一些基本语法,弹框,选择器,事件等等。下图是一些具体例子。lnp办公区 - 实用经验教程分享!

    js入门的教程lnp办公区 - 实用经验教程分享!

  • 8

    上面的例子是选择器的一种,叫做标签选择器,还有id选择器,类选择器,下面简单说说js事件,比如说,鼠标事件,单击鼠标事件。lnp办公区 - 实用经验教程分享!

    js入门的教程lnp办公区 - 实用经验教程分享!

    js入门的教程lnp办公区 - 实用经验教程分享!

  • 8
  • 注意事项

    • 这不是一篇经验就能简单说完的,这里只是给一些引导给大家。
    • 学完javascript还可以学学jQuery等等。

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


    标签: JAVASCRIPT

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