【JavaScript】程序入门基础(一)

       JS是JavaScript的简写,看着和java有些像,其实没有多大关系,只是因为java的名气比较大,借用一下而已。下面来总结一下写出一个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库等知识。


你可能感兴趣的:(html,js,编程,XHTML,function)