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

先介绍一下本人,本人是个小菜鸡,做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

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/shiyujie0822/article/details/53188627
文章标签: javascript html
个人分类: js
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭