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

来源：互联网发布：airserver windows 编辑：程序博客网时间：2024/05/16 02:52

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

1 0