DHTML【10】--Javascript
大家好,这一节主要介绍Javascript的函数。函数是Javascript的核心中的核心,这么强调一点都不过分,相信没有人反对,如果有人反对,你以后可以不用函数,呵呵,说的有点绝了啊。
下面看一下Javascript定义函数的基本语法格式:
格式一:
function 函数名(m){
return m;
}
格式二:匿名函数
function (m,n){
return m+n;
}
以上两种格式的参数都是可选的,不需要声明返回值类型、参数类型,也可以没有返回值,但是function的关键字是必须保留的,而且一个字母不能写错。
看下面代码:
<html>
<head>
<script type="text/javascript">
alert("大家好,我是Head中的Javascript");
functionbtnClick(){
alert("HelloJavascript!");
}
</script>
</head>
<body>
<script type="text/javascript">
alert("大家好,我是body中的Javascript!");
</script>
<input type="button" onclick="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>
<script type="text/javascript">
var arr=[1,3,1,4];
for(var n=0;n<arr.length;n++)
{
alert(arr[n]);
}
var name=newArray();
name[0]="奥巴马";
name[1]="金正日";
name[2]="奥斯托洛夫斯基";
for(vari=0;i<names.length;i++){
alert(names[i]);
}
</script></head>
当你加载的时候,你会发现两个数组的所有元素都被提示出来了,这是两种数组初始化的方法,从现在开始,你不得不觉得这个var真是太牛了吧。
呵呵,其实还有更牛的呢。看下面代码:
<head>
<script type="text/javascript">
var niu=function(){
alert("Var真是太牛了!碉堡了!");
}
</script>
</head>
<body>
<input type="button" onclick="javascript:niu()" value="您敢点吗?"/>
</body>
没错var不仅可以存放数组还可以存放匿名函数,呵呵,真的碉堡了。
到此,Javascript篇应该是一个结尾了,你也许可能会说,Javascript是程序员必须要掌握的脚本语言啊,而且要到一定的层次,怎么介绍两节就不介绍了呢?
因为,到此Javascript的基本变量和常用定义函数的情况都介绍完了,其基本语法和控制结构都和Java、C#等一样,如果想练习加深Javascript,没关系,以后的DOM、Ajax和Jquery都和Javascript有关系,因此Javascript并没有结束。
好的,就到这里,我们下一节再续。
DHTML【10】--Javascript的更多相关文章
- DHTML【9】--Javascript
大家好,好长时间不见了,因为博主最近在驾校学习开车,所以耽误了DHTML的更新日程,对此实感愧疚. 好了,不再得瑟了,接下来该介绍DHTML中比较核心的一个东东—Javascript. 初看Javas ...
- 【译】JavaScript 开发者年度调查报告
截至目前有超过了 5000 人参与了(该次调查),准确的说是 5350 人.我迫不及待的想要和大家分享一下这次调查的细节.在分享之前我想要感谢参与调查的每一个人.这是 JavaScript 社区一个伟 ...
- 【荐】JavaScript图片放大技术(放大镜)示例代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
- 企业IT管理员IE11升级指南【10】—— 如何阻止IE11的安装
企业IT管理员IE11升级指南 系列: [1]—— Internet Explorer 11增强保护模式 (EPM) 介绍 [2]—— Internet Explorer 11 对Adobe Flas ...
- 【转载】JavaScript导出Excel
[转载]JavaScript导出Excel 原文地址 如果没有用到前端插件,也没有用到后台poi导出的话,用js导出也是一种方式.亲测可用. /** * 导出excel */ var idTmr; f ...
- 【10】css hack原理及常用hack
[10]css hack原理及常用hack 原理:利用不同浏览器对CSS的支持和解析结果不一样编写针对特定浏览器样式.常见的hack有1)属性hack.2)选择器hack.3)IE条件注释 IE条件注 ...
- 【原】javascript执行环境及作用域
最近在重读<javascript高级程序设计3>,觉得应该写一些博客记录一下学习的一些知识,不然都忘光啦.今天要总结的是js执行环境和作用域. 首先来说一下执行环境 一.执行环境 书上概念 ...
- 【废弃】JavaScript 控制类语法
创建: 2017/10/07 完成: 2017/10/07 结束: 2019/02/19 把所有内容迁出到[JavaScript 基础]并将本博文归档到[废弃] return前加一个空格, 使所有单元 ...
- 【废弃】【WIP】JavaScript 函数
创建: 2017/10/09 更新: 2017/11/03 加上[wip] 废弃: 2019/02/19 重构此篇.原文归入废弃 增加[废弃中]标签与总体任务 结束: 2019/03/12 完成废弃 ...
随机推荐
- SIX GOD
SIX GOD是什么意思呢.?_百度知道 SIX GOD
- Android 调整屏幕分辩率
Android 可设置为随着窗口大小调整缩放比例及设定fixed的窗口大小. 对于surface的控制在SurfaceHolder类中进行 而Android 屏幕分辩率中已经有一个类DisplayMe ...
- JAVA学习笔记 -- 数据结构
一.数据结构的接口 在Java中全部类的鼻祖是Object类,可是全部有关数据结构处理的鼻祖就是Collection和Iterator接口,也就是集合与遍历. 1.Collection接口 Colle ...
- 微信jssdk已无力吐槽
微信强大的整合能力让企业公众号的开发迅速窜红.尤其是企业须要个性化定制的一些功能.公司在同一时候上线的app和触屏版的应用中,微信分享自然是不可或缺的重要一环. 纵观如今大多数的微信公众号.分享大都是 ...
- EasyUI - Tree 树组件
效果: 数据库设计: 使用的数据: 其中的字段,是跟据要生成的树节点的属性定义的. text:代表要显示的字段名称. state:是否是目录节点. iconCls:节点的图标是什么. url:跳转的链 ...
- 开源数据库连接池之C3P0
本篇介绍几种开源数据库连接池,同时重点讲述如何使用C3P0数据库连接池. 之前的博客已经重点讲述了使用数据库连接池的好处,即是将多次创建连接转变为一次创建而使用长连接模式.这样能减少数据库创建连接的消 ...
- VC2008下使用OpenSSL 1.0.0g(免编译)
OpenSSL整个软件包大概可以分成三个主要的功能部分:密码算法库.SSL协议库以及应用程序. 官网:http://www.openssl.org/OpenSSL for Windows:http:/ ...
- windows 2003 域控制器(AD)的常规命令行操作以及修复
查询服务器的角色 Netdom query fsmo 强制升级操作主机角色(如果两台DC都无损,可以直接用图形模式传送,这里指的是一台DC出问题,另一台强制升级占用角色的情况) Ntdsutil Ro ...
- poj 2777 Count Color(线段树区区+染色问题)
题目链接: poj 2777 Count Color 题目大意: 给出一块长度为n的板,区间范围[1,n],和m种染料 k次操作,C a b c 把区间[a,b]涂为c色,P a b 查 ...
- Codeforces Round #270--B. Design Tutorial: Learn from Life
Design Tutorial: Learn from Life time limit per test 1 second memory limit per test 256 megabytes in ...