DHTML【10】--Javascript

港控/mmm° 2022-01-10 14:01 180阅读 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 条评论，180人围观）

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

相关阅读

相关 DHTML【9】--Javascript

大家好，好长时间不见了，因为博主最近在驾校学习开车，所以耽误了DHTML的更新日程，对此实感愧疚。好了，不再得瑟了，接下来该介绍DHTML

客官°小女子只卖身不卖艺/ 2023年05月29日 03:12/ 0 赞/ 1 阅读

相关 DHTML说明

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

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

相关 DHTML概述

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

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

相关深入浅出JavaScript （四）DHTML

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

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

相关 DHTML

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

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

相关 DHTML【10】--Javascript

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

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

相关 DHTML【1】

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

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

相关 DHTML【3】--HTML

从这一节开始我们就开始介绍HTML的标签了，首先我们来介绍Form标签。 Form标签也称Form表单，From是与服务器交互最重要的标签，此标签必

今天药忘吃喽~/ 2021年11月29日 09:06/ 0 赞/ 269 阅读

相关 DHTML【7】--CSS

本节将要介绍CSS的选择器，CSS有三种常用的选择器，还有三种扩展选择器，说到选择器，那么选择器是做什么用的呢？上一节我们介绍CSS常用属性的时候，我

朴灿烈づ我的快乐病毒、/ 2021年11月17日 03:22/ 0 赞/ 224 阅读

相关 DHTML【8】--CSS

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

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