JavaScript从入门到入门（一）

最近需要用到用到JavaScript，所以利用间隙时间学习一下语言，后续持续更新中……

第一章 JavaScript初探

01.js简介

JavaScript是一种Web页面中的一种脚本编程语言，也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。它不需要进行编译，而是直接嵌入到HTML页面中，把静态页面转变成支持用户交互并响应事件的动态页面。主要用途：

• JavaScript主要用于读写HTML元素、在网页中嵌入动态文本、动态修改CSS样式表；
• 对浏览器事件做出响应、表单数据验证、检测访客的浏览器信息等等。

02.js相关应用

• 数据验证。比如基本的是登陆验证
• 页面特效。常见商业网站的广告轮播图
• 数值计算。将数据类型作为对象，且提供了丰富的操作方法
• 动态页面效果，js脚本可以对web页面的所有元素进行访问，且使用对象的方法，修改其属性，实现动态的效果

03.HBuilder的快速开发

DCloud（数字天堂）推出的一款支持HTML5的Web开发IDE。快，是HBuilder的最大优势，通过完整的语法提示和代码输入法、代码块等，大幅提升HTML、js、css的开发效率。可自行下载使用，亲试确实非常便捷！

04.JavaScript的使用方法

将JavaScript语句插入到HTML文档中有两种方法。
1.内嵌JavaScript脚本
通常，JavaScript代码是使用script标记嵌入HTML文档中的。

<script type="text/JavaScript">
//JavaScript语句；
</script>

• type属性用于指定HTML文档引用脚本的语言类型，type=’text/JavaScript’表示<script></script>元素中包含的是JavaScript脚本。
• //表示单行注释标记，使用/**/定义多行注释。
• 同时需要注意，JavaScript语句以分号；结束；
• JavaScript区分大小写。
  2.使用外部JS文件
  使用外部JavaScript文件的方法就是将JavaScript代码放入一个单独的文件（*.js），然后将此外部文件链接到一个HTML文档即可。

// 语法
<script src="JS文件路径" type="text/javascript"></script>

示例：

欢迎来到JS 世界。
其中HTML文件的引入脚本代码如下：
<script src="jstest.js" type="text/javascript"></script>
JavaScript源文件：(jstest.js)中的代码如下：
document.write("Hello World！");

05.JavaScript常用的输出语句

1.输出数据

window.alert()  //弹出警告框。
document.write() //方法将内容写到 HTML 文档中。
innerHTML //写入到 HTML 元素，开发 常用
console.log() //写入到浏览器的控制台。

<p id=“demo”>Hello World</p> //innerHTML必须有id，以便后面调用
<script>
document.getElementById(“demo”).innerHTML =“段落已修改";
</script>

后续持续更新……
原创不易，如果觉得不错，点个赞就是对博主的最大鼓励！