从零开始学_JavaScript_系列（一）初步概念、工具选择、简单内容输出、加载js文件

最近同时开的新东西太多了。。。没办法，工作需要，基础知识差了很多，必须抓紧时间补足

包括JS、XML、JSON，包括树（二叉树、平衡树的学习）、包括查找、排序、STL（map、set、list、vector）、编码（Unicode、ANSI、UTF-8、UTF-16）、DOM、还有其他乱七八糟的。

这周一整周都没停歇过，LOL也整整一周没时间碰了。。。

目前搞定了

①树的基本插入、删除、遍历、查找、创建、清空、二叉排序树（插入、删除）、赫夫曼树的原理；

②查找（顺序查找、二分查找、插值查找，然后斐波那契查找没搞懂），索引（稠密索引，分块索引，倒排索引，有概念，具体应用尚无）；

③排序（冒泡排序、简单选择排序、直接插入排序，然后希尔排序只看懂了一半，还差点）；

④XML和JSON只知道是什么东西，还不知道怎么调用；

⑤编码：四个都知道概念了，对UTF-8的转换原理有一定了解（但UTF-16不太懂）；

⑥STL：知道map和list了，vector在之前c++用过不少次，也大概懂了，迭代器有一定认识（但具体到某一个，尚不能完全确认其在插入／值时的变化），set还没看；

尚没搞定的，除了上面之外还有：

①平衡树只懂其机制，但具体代码为什么那么写，没看明白，需要继续跟上解决；

②STL的set；

③XML和JSON的具体调用；

④JS的样式表；

⑤jquery；

⑥js基础知识的继续补全；

⑦我新申请的个人网站的备案；

⑧我没想起来的；

——————————分割线——————————————

（1）适用：

HTML和web，可广泛用于服务器，PC，笔记本电脑，平板电脑和手机。

是所有现代浏览器和HTML5的默认脚本语言。

实际写的时候是跟HTML写一起，或者通过HTML来调用的。

 

 

（2）本质：

脚本语言。

①轻量级编程语言；

②可插入HTML页面的编程代码；

③插入HTML页面后，可由所有的现代浏览器执行；

④易学。

 

 

 

（3）<script>与</script>标签

HTML的脚本必须位于<script>和</script>之中。

在这里，就是指JavaScript脚本必须位于<script>和</script>之中。

即：

<script>

JS脚本

</script>

 

 

 

（4）JavaScript的作用

①写入HTML用于输出（例如输出一行文字）；

②对事件作出反应（例如点击按钮后有变化）；

③其他（略）。

 

 

 

（5）如何使用

创建一个文本文档，然后后缀改为html，用记事本打开，然后就可以往里面写东西了。

写出来的是网页（html），以网页形式展现输出结果。

也可以使用微软的FrontPage2003软件，特点是代码加亮、所写即所见等，但缺点貌似是加载其他js文件时无法显示加载的内容。

也可以使用VS（我的VS2015可以），会代码加亮、自动缩进等，不过经常会有警告性报错，而且查看效果的话需要通过浏览器。

或者使用其他html编辑工具。

 

 

（6）标签

成对出现的<>（共2组）就是标签。

如<p>文本</p>就是一组标签。

标签可以加id，如<p id="abc">文本</p>，id用于之后寻找其使用。

寻找id使用getElementById("abc")这样的办法。

然后在这样的命令后面加对应的东西，如innerHTML（文本替换），value（得到值）。

如

<p id="abc">abc</p>

<button type="button" onclick="run()">点击</button>

<script>

function run()
{
document.getElementById("abc").innerHTML="ppp";

}

</script>

像这样的代码，在执行时，用ppp文本替换abc文本。

（7）具体解释：

第一行是输出文字abc，然后给他一个id（用来找她）。

第二行是输出一个按钮（button），按钮上面的文字是点击。

第三行到最后</script>是js脚本。这个脚本里面包含了一个函数（function）；

函数的效果是，在标签id为abc的地方（通过getElementById获得），用文本ppp替换之。

 

（8）输出时间：

<p id="time"></p>

<script>

var nowtime=new Date(); //获得时间

localtime=nowtime.toString(); //将时间转为字符串

document.getElementById("time").innerHTML=localtime; //在id为time的地方输出时间，注意，time需要在这行之前才可以

</script>

 

输出效果：

Sun Mar 27 2016 00:26:32 GMT+0800 (中国标准时间)

 

（9）关于时间的其他函数：

hour=nowtime.getHours(); //将小时赋给hour

min=nowtime.getMinutes(); //分钟

second=nowtime.getSeconds(); //秒

day=nowtime.getDate(); //天

mon=nowtime.getMonth(); //月

year=nowtime.getFullYear(); //年

datashow=year+"年"+mon+"月"+day+"日"+hour+"时"+min+"分"+second+"秒";

document.getElementById("time").innerHTML=datashow; //在id为time的地方输出时间，注意，time需要在这行之前才可以

 

输出效果：

2016年2月27日0时38分27秒

 

 

（10）导入一个js文件

使用

<script src="time.js"> //读取time.js这个JavaScript文件内容

</script>

然后可以将之前的关于time的js命令，放入time.js文件内（无需加上<script>标签）即可。