不知道写啥最近在学js,就弄一个js的从零开始吧,尽量每天都坚持更新吧!

原创 2016年11月16日 17:07:30

先介绍一下本人,本人是个小菜鸡,做java的,不过最近公司的需求开始在学习js,之前有一些js的基础。
不过没关系,我这人就喜欢从头开始看,毕竟基础要打牢!好了废话不多说开始吧。
第一做点准备,需要个编辑器,我比较喜欢用Hbuilder。(突然给他们打了一波广告不知道能不能拿钱哈哈),有了这个就OK了就开始编写吧。最好有一点HTML的基础。
首先我们需要知道javascript是个什么东西,是个语言,一门前端语言,前端又是什么就是我们现在看到的页面。
一个页面有3个大部分1:HTML负责页面的内容,2:css页面的样式布局,3:就是js负责页面的行为,行为又是什么呢,就比如页面上有个按钮你可以点击他,点击之后会有对面的弹窗或者等等,就是一个行为,行为有很多。
第一堂课我们就很简单用js往网页上添加内容html元素。OK我们先在Hbuilder新建一个项目,里面有一个自带的index.html文件我们不管他。

新建项目
新建一个firstDay.html,方便以后一天天的学习,OK我们继续。HTML里面head和body两个位置,养成良好的习惯,直接在body里面写JS一般js写在html的内容下面。具体代码如下:

 <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title></title>

        </head>
        <body>
            <h1>Hello</h1>
            <script>
                document.write("<h2>大家好</h2>");
                document.write("<p>夏天带你一起学js</p>");
            </script>
        </body>
    </html>

Hbuilder有个直接运行界面的按钮。
运行

运行之后会弹出你写的页面,
页面
OK现在我来给大家解释一下代码,document.write("<h2>大家好</h2>");代码不是很多,
每个载入浏览器的 HTML 文档都会成为 Document 对象。对象是一个js一个很重要的概念,在js中万物皆对象,对象又是啥呢,身为小菜鸡的也不知道具体怎么解释,百度可以help你们,对象是有属性的,而这个html就是一个document对象你就可以对这个HTML进行所有的操作,比如我们刚刚做的document.write这是document对象的行为,方法。他往html里面添加了一个”

大家好

“的属性,你可以吧document想象成一个人,他会吃饭,这个吃饭就是行为。
OK上面肯定有人会问为什么js要写在body下面,因为很简单html是从上往下加载,你写在html内容的上面他就会加载在html内容的上面,大家可以尝试一下吧script中的js代码移动到最上面(h1标签上面)或者head里面。

测试
第一次写这个,今天先练练手,先写这么多明天开始继续写内容会多一点。
不过大家可以看一下document里面的一些方法。
这是链接:http://www.cnblogs.com/yansheng/archive/2010/01/25/1656014.html

版权声明:本文为博主原创文章,未经博主允许不得转载。

从零开始写个编译器吧 - 单词化简述(Tokenization)

实际上,所谓的源代码,我们可以将其视为一段长长的字符串。所谓字符串,即是字符的有序集。但是,字符本身作为编译器的输入单位,粒度实在太小了,因此,我们往往需要对编译器进行第一层封装,即分割出一个称之为 ...
  • zjxiaolu
  • zjxiaolu
  • 2015年09月01日 17:45
  • 473

鸡汤汇总

1、再努力,再有效率,也比不上方向上的失误。(20160427) 2、再牛逼的梦想,也抵不住傻逼似的坚持。(20160427) 3、还是再坚持一天吧,万一明天就实现了呢也说不定。(20160427)...
  • fjnjxr
  • fjnjxr
  • 2016年04月27日 22:12
  • 292

jQuery之父:坚持每天都要写代码

一个简单的策略 发布时间: 2014-04-24 21:48:27| 阅读数:689 views 关于作者:John Resig, jQuery之父,同时也是Pro Javas...
  • gqtcgq
  • gqtcgq
  • 2014年10月23日 17:12
  • 830

js实验吧

http://www.shiyanbar.com/ctf/1779 js: 小明某天在看js的时候,突然看到了这么一段代码,发现怎么也理不出代码逻辑,你能帮帮他吗? 格式:SimCTF{} 解...
  • dongyanwen6036
  • dongyanwen6036
  • 2017年08月01日 15:23
  • 433

西普实验吧CTF-算术题

题目描述: 一道小学算术题,但是好多老师不会,不知道为什么   解题链接: http://ctf1.shiyanbar.com/program/2/ 真是数学题,排除后发现只能在中...
  • u010379510
  • u010379510
  • 2016年03月29日 18:38
  • 1126

7.14

noip模拟赛(鬼知道是哪个学校的→.→)。 第一题:LGTB 玩扫雷 在一个n  m 的棋盘上,有位置上有雷(用“*” 表示),其他位置是空地(用“.” 表示)。 LGTB 想在每个空地上写...
  • cdqzgxxqdql
  • cdqzgxxqdql
  • 2016年07月14日 20:28
  • 192

实验吧——WriteUp&&涨姿势(4)

WriteUp 最安全的管理系统 认真你就输了 so beautiful so white 涨姿势 程序逻辑问题 FALSE...
  • sinat_34200786
  • sinat_34200786
  • 2017年05月26日 15:23
  • 270

实验吧隐写术WP(三)

1.心中无码(http://www.shiyanbar.com/ctf/1947) 直接stegsolve看发现没怎么样,但是在blue的0处看起来有问题 跑python#coding:utf...
  • yalecaltech
  • yalecaltech
  • 2017年04月02日 10:32
  • 4612

JQuery之父: 每天都来点代码吧!

去年秋天我的业余编程项目(coding side projects)到了一个紧要关头:没有充足的进度,也不能够找到一种方法在既不牺牲我可汗学院(Khan Academy)高效的工作的前提下完成更多...
  • asqi1
  • asqi1
  • 2014年11月19日 11:19
  • 330

实验吧隐写术WP(二)

1.Rose(http://www.shiyanbar.com/ctf/1814) 这题目我做不出来,经过提示,才知道这是steghide rose.jpg是用steghide加password来...
  • yalecaltech
  • yalecaltech
  • 2017年03月28日 15:15
  • 2519
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:不知道写啥最近在学js,就弄一个js的从零开始吧,尽量每天都坚持更新吧!
举报原因:
原因补充:

(最多只允许输入30个字)