【JavaScript】程序入门基础（一）

来源：互联网发布：java 调用interface 编辑：程序博客网时间：2024/05/20 06:27

ＪＳ是ＪａｖａＳｃｒｉｐｔ的简写，看着和ｊａｖａ有些像，其实没有多大关系，只是因为ｊａｖａ的名气比较大，借用一下而已。下面来总结一下写出一个js程序应具备哪些基础的知识。

一、JS和HTML

首先js一般和HTML一起出现，因为js是脚本语言，它不能独立完成编程，要么是嵌套要么是引用。这样它运行在浏览器的语言才算坐实了。

嵌套

首先有一个HTML文件，嵌套的意思就是js不在其他地方，直接在HTML里面写就可以了，如下：

<span style="font-size:18px;"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title>Demojs</title>    <Script language="javascript" >        var num =1        var str ="hello!"        alert（num）；        alert（str）；}    </Script></head><body></body></html></span>

引用

就是将其他地方的js引用过来，有和html松耦合的优点。

<span style="font-size:18px;"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>    <title>Demojs</title>    <Script language="javascript" src="javaScript1.js">    </Script></head><body></body></html></span>

二、基础语法

函数声明

js中函数声明很简单：

<span style="font-size:18px;">function(参数...){//参数也不能声明类型，只需要写明参数的名称即可；       [返回值;]  //函数声明并看不出是否有返回值，在实现中，如果有返回值，则return；}</span>

定义变量

js中定义变量也是非常简单的，不需要你去分清那么多的类型，只需将类型赋给var即可。

<span style="font-size:18px;">var num = 1;   // num的类型就是整数；var str1 = "dingyi bianliang";   //str1的类型就是字符串；</span>

页面输出

页面输出有两种情况：一种是以弹出框形式，一种是在页面上显示：

弹出框

<span style="font-size:18px;">alert（“Hello！”）</span>

<span style="font-size:18px;">alert（“中午吃什么？”）</span>

页面

<span style="font-size:18px;">document.write("Hello!")</span>

<span style="font-size:18px;">document.write("中午吃什么饭！")</span>

三、事件

javaScript是基于对象和事件动态的对用户的操作进行动态的响应，所谓事件，就是用户与网页交互时产生的操作。比如在窗体上右击、复制文字等都可以称之为事件。

例如，OnClick事件

单击某个控件，会触发这个事件
<a href>中可以出发onClick事件；button也可以出发onClick事件；
OnLoad事件：打开网页时调用
onUnload事件：关闭网页时调用

总结：

js 里面主要有三部分组成核心（ECMAScript）、文档对象模型（Document Object Model，简称DOM）、浏览器对象模型（Browser Object Model，简称BOM）。想要学好js还需要有很多需要学习，比如变量、函数、表达式、js库等知识。

1 0