DHTML【10】--Javascript

港控/mmm° 2022-01-10 14:01 182阅读 0赞

大家好，这一节主要介绍Javascript的函数。函数是Javascript的核心中的核心，这么强调一点都不过分，相信没有人反对，如果有人反对，你以后可以不用函数，呵呵，说的有点绝了啊。

下面看一下Javascript定义函数的基本语法格式：

格式一：

function 函数名(m)\{

return m;

\}

格式二：匿名函数

function (m,n)\{

return m+n;

\}

以上两种格式的参数都是可选的，不需要声明返回值类型、参数类型，也可以没有返回值，但是function的关键字是必须保留的，而且一个字母不能写错。

看下面代码：

<html>

<head>

<scripttype="text/javascript">

alert("大家好，我是Head中的Javascript");

functionbtnClick()\{

alert("HelloJavascript!");

\}

</script>

</head>

<body>

<scripttype="text/javascript">

alert("大家好，我是body中的Javascript!");

</script>

<inputtype="button" οnclick="btnClick()" value="您敢点吗？"/>

</body>

</html>

alert函数相当于MessageBox，只是弹出提示信息用，运行此代码，发现最先自动弹出来Head中的Javascript，然后自动弹出body中的Javascript，点击按钮后才弹出Hello Javascript，我们可以看出，在body加载前head中的Javascript代码就已经执行，当body加载完毕后，body中的Javascript代码开始执行，当点击按钮的时候，由于按钮绑定了单击函数，所以触发了弹出消息框的函数。

上一节我们不是说script标签要放到head标签中吗？其实是早期前端编写时建议Javascript代码写在head中，但是当我们现在查看网上的网页源码，发现很多不在head中的Javascript代码，这是一种随着时间潮流和技术的革新的发展而改变的。

Javascript中也有数组的定义，那么怎么定义呢？还是看代码吧，千言万语不如代码十行：

<head>

<scripttype="text/javascript">

var arr=\[1,3,1,4\];

for(var n=0;n<arr.length;n++)

\{

alert(arr\[n\]);

\}

var names=newArray();

names\[0\]="奥巴马";

names\[1\]="金正日";

names\[2\]="奥斯托洛夫斯基";

for(vari=0;i<names.length;i++)\{

alert(names\[i\]);

\}

</script></head>

当你加载的时候，你会发现两个数组的所有元素都被提示出来了，这是两种数组初始化的方法，从现在开始，你不得不觉得这个var真是太牛了吧。

呵呵，其实还有更牛的呢。看下面代码：

<head>

<scripttype="text/javascript">

varniu=function()\{

alert("Var真是太牛了！碉堡了！");

\}

</script>

</head>

<body>

<inputtype="button" οnclick="javascript:niu()" value="您敢点吗？"/>

</body>

没错var不仅可以存放数组还可以存放匿名函数，呵呵，真的碉堡了。

到此，Javascript篇应该是一个结尾了，你也许可能会说，Javascript是程序员必须要掌握的脚本语言啊，而且要到一定的层次，怎么介绍两节就不介绍了呢？

因为，到此Javascript的基本变量和常用定义函数的情况都介绍完了，其基本语法和控制结构都和Java、C\#等一样，如果想练习加深Javascript，没关系，以后的DOM、Ajax和Jquery都和Javascript有关系，因此Javascript并没有结束。

好的，就到这里，我们下一节再续。

转载于:https://blog.51cto.com/jhq0113/1282390

发表评论取消回复

表情：

评论列表（有 0 条评论，182人围观）

还没有评论，来说两句吧...

相关阅读

相关 DHTML【11】--DOM

大家好，从今天开始，我们将进入DOM的学习。 DOM？DOM是何东东呢？大家还记得我在前面提过的DOM树吗？就是我在前面讲HTML的时候画的那个图

灰太狼/ 2023年01月17日 06:23/ 0 赞/ 91 阅读

相关 DHTML说明

DHTML是“Dynamic HTML”（动态HTML）的简称。 DHTML并不是一项新技术，而是描述HTML,CSS和javaScript技术组合的术语。 DHTML背后

雨点打透心脏的1/2处/ 2022年09月25日 11:14/ 0 赞/ 161 阅读

相关 DHTML概述

JS本身是一门和运行环境无关的独立的语言，浏览器是其最常见的运行环境。既然JS是一门和运行环境无关的独立的语言，我们又如何通过这么语言去操作浏览器及其中展示的页面

待我称王封你为后i/ 2022年06月18日 07:41/ 0 赞/ 190 阅读

相关深入浅出JavaScript （四）DHTML

DHTML对象模型是将浏览器和HTML文件的标签都对象化,以便Javascript程序代码可以轻易地操控浏览器和访问HTML标签的对象. DHTML并没

川长思鸟来/ 2022年04月10日 05:51/ 0 赞/ 209 阅读

相关 DHTML

一、定义 DHTML:动态的HTML。不是一门语言：是多项技术综合体的简称。其中包含了HTML,CSS,DOM,Javascript。

以你之姓@/ 2022年03月20日 02:42/ 0 赞/ 192 阅读

相关 DHTML【10】--Javascript

大家好，这一节主要介绍Javascript的函数。函数是Javascript的核心中的核心，这么强调一点都不过分，相信没有人反对，如果有人反对，你以后可以不用函数，呵呵，说的有

港控/mmm°/ 2022年01月10日 14:01/ 0 赞/ 183 阅读

相关 DHTML【1】

什么是DHTML呢？英文全称（Dynamic Hypertext Markup Language），即动态超文本标记语言，DHTML不是一个独立的新技术，而是多

你的名字/ 2021年12月07日 11:45/ 0 赞/ 231 阅读

相关 DHTML【2】--HTML

通过题目，大家已经明确知道，从这一节开始介绍DHTML中的最基础的部分HTML，对于HTML等概念上一节已经做了概述，这一节不再赘余。在学习HTML之前，先告诉大家一个

阳光穿透心脏的1/2处/ 2021年12月05日 04:27/ 0 赞/ 230 阅读

相关 DHTML【5】--HTML

今天将介绍HTML的一些零碎知识，当然这些也很重要了，下面就一一介绍，虽然零碎，但是你以后肯定都会用得上，本来学习就是一点点的积累吗。 1.Select

待我称王封你为后i/ 2021年11月23日 07:10/ 0 赞/ 241 阅读

相关 DHTML【8】--CSS

在讲HTML时说过，有个Style标签是在CSS里用的，是的，在HTML中添加CSS样式必须要用到Style，在标签里单独定义标签属性时用的是Style属性。上一节我们

た入场券/ 2021年11月14日 11:32/ 0 赞/ 258 阅读