您的位置：首页 > Web前端 > JavaScript

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

2015-06-23 15:37 295 查看
ＪＳ是ＪａｖａＳｃｒｉｐｔ的简写，看着和ｊａｖａ有些像，其实没有多大关系，只是因为ｊａｖａ的名气比较大，借用一下而已。下面来总结一下写出一个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库等知识。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航