不知道写啥最近在学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

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

相关文章推荐

从零开始搭建一个vue.js的脚手架

从零开始搭建一个vue.js脚手架在谷歌工作的时候,我们要做很多界面的原型,要求快速上手,灵活运用,当时用的一些现有框架,比如angular,太笨重了——尤雨溪(Vue.js 作者)vue.js是现在...

从头开始学习angular.js----002(尽量每天一篇)

今天讲一下angularjs的表达式以及指令 表达式 (1)其实表达式非常简单,跟js中的表达式相似,表达式中可以是变量,数字,以及文字等,angular的表达式写法也非常简单就是双花括号{{ }}...

从零开始学_JavaScript_系列(15)——js系列<4>(数值、字符串、对象、数组、函数、日期的基本方法)

注:$("#a").text( 内容 ) 是jquery的方法,可以理解为在   添加内容变为: 内容 (6)数值 注意,Math的M需要大写 ①绝对值:Math.abc(x)...

【高德地图API】从零开始学高德JS API(四)搜索服务——POI搜索|自动完成|输入提示|行政区域|交叉路口|自有数据检索

地图服务,大家能想到哪些?POI搜素,输入提示,地址解析,公交导航,驾车导航,步行导航,道路查询(交叉口),行政区划等等。如果说覆盖物Marker是地图的骨骼,那么服务,就是地图的气血。有个各种各样的...

高德地图API】从零开始学高德JS API(一)地图展现

高德地图API】从零开始学高德JS API(一)地图展现 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 、作者信息和本声明。否则将追究法律责任。http://892...

【高德地图API】从零开始学高德JS API(七)——定位方式大揭秘

摘要:关于定位,分为GPS定位和网络定位2种。GPS定位,精度较高,可达到10米,但室内不可用,且超级费电。网络定位,分为wifi定位和基站定位,都是通过获取wifi或者基站信息,然后查询对应的wif...

从零开始学_JavaScript_系列(16)——js系列<5>(正则表达式)

前注:参考网易云课堂前端的正则表达式内容 (12)正则表达式 ①描述字符串规则的表达式 使用  /规则/   来表示   ②正则表达式.test(字符串) 用于测试正则表达式与字符串是否匹配 返...

从零开始学backbone.js(1)

我学javascript时间不长,jquery都只是看过,基本没用过,现在开始学backbone.js,基本可以说是从零开始。 找到backbone.js的例子,却看不懂,不知如何下手。 从backb...

【高德地图API】从零开始学高德JS API(五)路线规划——驾车|公交|步行

先来看两个问题:路线规划与导航有什么区别?步行导航与驾车导航有什么区别? 回答: 1、路线规划,指的是为用户提供3条路线推荐。【高德】在提供路线规划的时候,会提供用户自定义路线规划功能,这是别家没...

【高德地图API】从零开始学高德JS API(六)——坐标转换

摘要:如何从GPS转到谷歌?如何从百度转到高德?这些都是小case。我们还提供,如何将基站cell_id转换为GPS坐标? -----------------------------------...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:不知道写啥最近在学js,就弄一个js的从零开始吧,尽量每天都坚持更新吧!
举报原因:
原因补充:

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