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基础的主要内容,如果未能解决你的问题,请参考以下文章

30秒就能看懂的JavaScript 代码片段

Yarn: 一个新的JavaScript模块管理器

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)

如何将此 JavaScript 代码片段翻译成 Parenscript?

javascript 代码片段