JavaScript基础
Posted 会飞的咸鱼
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JavaScript基础相关的知识，希望对你有一定的参考价值。
1、Java和javascript的关系？
没有关系，雷锋和雷峰塔的关系。
2、JavaScript的作用？
html：它是整个网站的骨架
CSS：它是对整个网站骨架的内容进行美化(修饰)
Javascript：它能够让整个页面具有动态效果。
3、JavaScript的组成部分
ECMAScript:它是整个 JavaScript的核心，包含(基本语法、变量、关键字、保留字、数 据类型、语句、函数等等)
DOM：文档对象模型，包含(整个 html 页面的内容)
BOM：浏览器对象模型,包含(整个浏览器相关内容)。
4、JavaScript的变量
变量可以不用声明，变量是弱类型。
统一使用 var 来定义，如果在函数的内容中使用var定义，那么它是一个局部变量，如果没有使用var它是一个全局的。
定义变量的时候不要使用关键字和保留字。
5、JavaScript的数据类型
Javascript 数据类型分为原始数据类型和引用数据类型
原始数据类型： string、number、boolean、null、undefined
引用数据类型：Array、Boolean、Date、Math、Number、String、RegExp
6、JavaScript运算符
其它运算符与 java 大体一致，需要注意其等性运算符
== 它在做比较的时候会进行自动转换
=== 它在做比较的时候不会进行自动转换。
例如：
var sNum = "66";
var iNum = 66;
alert(sNum == iNum); //输出 "true"
alert(sNum === iNum); //输出 "false"
7、获取元素内容
获取元素 document.getElementById(“id 名称”); //如果 id 是一个字符串，那么必须 加上引号，如果是一个变量则不需要
获取元素里面的值 document.getElementById(“id 名称”).value;
8、JavaScript事件
表单提交事件：onsubmit()此事件写在form标签中，必须有返回值
页面加载事件：onload()此事件只能写一次并且放到body标签中
其他事件放到需要操作的元素位置（onclick、onfocus、onblur）
9、JavaScript的输出
1）警告框：alert();
2）向页面指定位置写入内容：innerHTML(属性)
1 <!DOCTYPE html> 2 <html> 3 <body> 4 5 <h1>My First Web Page</h1> 6 7 <p id="demo">My First Paragraph</p> 8 9 <script> 10 document.getElementById("demo").innerHTML="My First JavaScript"; 11 </script> 12 13 </body> 14 </html>
3）向页面写入内容：document.write(“”);
1 <!DOCTYPE html> 2 <html> 3 <body> 4 5 <h1>My First Web Page</h1> 6 7 <script> 8 document.write("<p>My First JavaScript</p>"); 9 </script> 10 11 </body> 12 </html>
实现的效果一样。
以上是关于JavaScript基础的主要内容，如果未能解决你的问题，请参考以下文章