首页 > 前端开发之JavaScript基础篇一

前端开发之JavaScript基础篇一

主要内容:

  1、JavaScript介绍

  2、JavaScript的引入方法和输出及注释

  3、javaScript变量和命名规则

  4、五种基本数据类型

  5、运算符

  6、字符串处理

  7、数据类型转换

 

一、JavaScript介绍

  1、JavaScript是什么?    

     javaScript是一种web前端的描述语言,也是一种基于对象(object)和事件驱动(Event Driven)的、安全性好的脚本语言。  它运行在客户端从而减轻服务器的负担。

  具有如下特点:

(1)javaScript主要用来向html页面中添加交互行为。
(2)javaScript是一种脚本语言,语法和C语言系列语言的语言类似,属弱语言类型。
(3)javaScript一般用来编写客户端脚本,但node.js例外。
(4)javaScript是一种解释型语言,边执行边解释无需另外编译。

  2、javaScript的用途是什么?

 javaScript的用途是解决页面交互和数据交互,最终目的是丰富客户端效果以及数据的有效传递。
具体而言:(1)实现页面交互,提升用户体验实现页面特效。即js操作html的dom结构或操作样式。(2)客户端表单验证即在数据送达服务器之前就进行用户提交信息即时有效地验证,减轻服务器压力。即数据交互。

  3、javaScript和ECMAScript的关系是什么?

区别:ECMAScript是脚本程序设计语言的web标准。JavaScript是一种轻量级的解释型的脚本语言。
联系:ECMAScripts是欧洲计算机制造协会,基于美国网景通讯公司的Netscape发明的javaScript和 Microsoft公司随后模仿javaScript脚本语言制定了ECMAScript标准。

  4、javaScript有哪几部分组成? 

主要有三部分组成:分别是ECMAScript、DOM、BOM。DOM是当指网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model)。BOM指的是浏览器对象模型(Browser Object Model (BOM)),尚无正式标准。

  

 

二、JavaScript的引入方法和输出及注释



 HTML 中的脚本必须位于 标签之间。

  脚本可被放置在 HTML 页面的 和 部分中,或者同时存在于两个部分中。

  

  1、 会告诉 JavaScript 在何处开始和结束。

     之间的代码行包含了 JavaScript:



  2、javaScript引入方式有三种,分别是行内式,内部式和外链式(用得最多)。

  

    (1)行内式:将javaScript代码块直接写在标签内。

  
如:<input type="button" onclick="alert('提交成功!')" value="提交"/>

  

    (2)内部式:在...或...之间使用标签,将javaScript代码写在其中。

      实例1---在之间插入

DOCTYPE html>
<html>
<head><script>function click_btn(){//弹出警告框
        alert("重置成功!"); 
}script> 
head>
<body><input type="reset" onclick ="click_btn()" value="已重置"/>body>
html>
View Code

      实例2---在之间插入    

DOCTYPE html>
<html><body>
<h2>My webh2>
<p id="demo">这是一个段落p>
<button   type="button" onclick="click_btn()">Try itbutton><script>function click_btn(){// 改变段落的文字为指定的内容
          document.getElementById("demo").innerHTML="My first JavaScript Funtion";}
script>
body>
html>
View Code

 

    (3)外链式:可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。

      外部 JavaScript 文件的文件扩展名是 .js。

      如需使用外部文件,请在