Javascript基本代码

简单的了解了javascript 的基本代码,感觉和c#中的语句差不多。

  1 <!DOCTYPE html>
  2 <html xmlns="http://www.w3.org/1999/xhtml">
  3 <head>
  4     <!--利用var俩声明变量,仅仅声明变量,而不指定具体类型-->
  5     <title>javascript study</title>
  6    <!-- <script src="commonjs.js" type="text/javascript"></script>-->
  7     <script type="text/javascript">
  8         var f1 = function (i1, i2) { return i1 + i2; }//所谓的匿名函数
  9         alert(f1(3, 5));
 10         alert(function (x, y) { return x + y; }(2, 4));//生命匿名函数
 11         </script>
 12
 13     <script type="text/javascript">
 14         function person(name,age)//声明的不是类,类似于类
 15         {
 16             this.Name = name;//里面有动态增加的属性
 17             this.Age = age;
 18             this.SayHello = function () { alert(this.Name);}//匿名函数
 19         }
 20         var p = new person("liming", 18);
 21         p.SayHello();
 22         alert(p.Age);
 23     </script>
 24     <script type="text/javascript">//声明函数;注意区别函数和上面类似于类的那种区别
 25         function fun(i1, i2) { return i1 + i2; }
 26         alert(fun(10,12));
 27     </script>
 28     <script type="text/javascript" >//利用数组的地方
 29         var names = new Array();
 30         names[0] = "chenlong";
 31         names[1] = "wangxinyu";
 32         names[2] = "godness";
 33         for (var i = 0; i < names.length; i++)
 34             alert(names[i]);
 35     </script>
 36     <script type="text/javascript">
 37         function GetMax(arr)
 38         {
 39             var max=arr[0];
 40             for(var i=1;i<arr.length;i++)
 41             {
 42                 if (max < arr[i]) max = arr[i];
 43             }
 44             return max;
 45
 46         }
 47         var arr = new Array();
 48         arr[0] = 1;
 49         arr[1] = 5;
 50         arr[2] = 9;
 51         arr[3] = 4;
 52         arr[4] = 12;
 53         arr[5] = 8;
 54         arr[6] = 7;
 55         alert(GetMax(arr));
 56     </script>
 57     <script type="text/javascript">
 58         //练习反转字符串和连接字符串
 59         function myreverse(arr)//此处形参属于引用类型,更改后将要影响最后的原数组
 60         {
 61             for(var i=0;i<arr.length/2;i++)
 62             {
 63                 var temp = arr[i];
 64                 arr[i] = arr[arr.length - i - 1];
 65                 arr[arr.length - i - 1] = temp;
 66             }
 67             return arr;
 68         }
 69         function myjoint(arr)
 70         {
 71             var str = arr[0];
 72             for(var i=1;i<arr.length;i++)
 73             {
 74                 str += "|" + arr[i];
 75             }
 76             return str;
 77         }
 78         var ar = new Array();
 79         ar[0] = "long";
 80
 81         ar[1] = "chen";
 82         myreverse(ar)
 83         alert(ar);
 84         alert(myjoint(ar));
 85         alert(ar[0]);
 86     </script>
 87     <script type="text/javascript">
 88         var dict = new Array();
 89         dict["ren"] = "人";
 90         dict["man"] = "男人";
 91         alert(dict.ren);
 92         for(var x in dict)//显示的是对象的KEY
 93         {
 94             alert(x);
 95         }
 96         var p1 = new Object();//可以动态增加属性
 97         p1.Name = "tom";
 98         p1.Age = 10;
 99         p1.SayHello = function () { alert("hello"); }
100         for (var e in p1)//可以将一个类的属性取出来
101             alert(e);
102     </script>
103 </head>
104 <body>
105     <input type="button"value="点击"/>
106     <a href="javascript:alert(‘用户你好‘)">点我</a>
107     <a href="www.baidu.com" onclick="alert(‘进入百度网站‘)">百度</a>
108
109 </body>
110 </html>
时间: 2024-11-09 23:21:54

Javascript基本代码的相关文章

JavaScript之面向对象(ECMAScript5)

理解对象属性 创建对象 继承 理解对象属性 ECMA-262称对象为:无序属性的集合,其属性可以包含基本值,对象或者函数. 由此在ECMAScript中可以把对象想象成散列表,无非就是键值对,值可以为数据或者函数. //两种定义对象的方式 var person = new Object(); person.name="xiaoming"; person.age=29; person.showName = function(){ alert(this.name); } var perso

超酷的JavaScript叙事性时间轴(Timeline)类库

在线演示 Timeline 是我见过的最酷的展示事件随时间发展的javascript实现.你可以基于时间使用讲故事的方式来创建时间轴特效,整个时间轴以幻灯的方式来展示,你可以穿插图片,视频或者是网站,而且拥有非常华丽的动画效果和缩略图效果,非常适合做网站的关于我们功能. 主要特性 支持外部社交网站,例如,twitter.com, youtube,flickr,vidmeo,Google Maps 开源免费 文档齐全 使用简单 支持数据格式:JSON,Google Doc,HTML 如何使用 插入

JavaScript(DOM编程二)

文档加载完毕之后,在Window.onload方法中创建元素节点,添加到DOM文档中 代码演示: <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload=function(){ alert("运行前....

JavaScript设计模式之策略模式(学习笔记)

在网上搜索“为什么MVC不是一种设计模式呢?”其中有解答:MVC其实是三个经典设计模式的演变:观察者模式(Observer).策略模式(Strategy).组合模式(Composite).所以我今天选择学习策略模式. 策略模式:定义了一系列家族算法,并对每一种算法单独封装起来,让算法之间可以相互替换,独立于使用算法的客户. 通常我并不会记得“牛顿第一定律”的具体内容,所以我也难保证我会对这个定义记得多久……用FE经常见到的东西来举个例子说明一下: $("div").animation(

【JavaScript】使用面向对象的技术创建高级 Web 应用程序

本文讨论: JavaScript 是基于原型的语言 用 JavaScript 进行面向对象的编程 JavaScript 编码技巧 JavaScript 的未来 本文使用了以下技术: JavaScript   目录 JavaScript 对象是词典 JavaScript 函数是最棒的 构造函数而不是类 原型 静态属性和方法 闭包 模拟私有属性 从类继承 模拟命名空间 应当这样编写 JavaScript 代码吗? 展望 最近,我面试了一个有五年 Web 应用程序开发经验的软件开发人员.四年半来她一直

ArcGIS API for JavaScript开发初探——基本地图组件使用

1.前言 在上一篇我们已经我们已经讲述了第一个地图应用程序的HelloMap的创建过程,这一篇我们来讲述基本地图组件:Home Button.比例尺.鹰眼图的使用方法. 2.基本地图组件 在ArcGIS Js API中对于基本的地图组件API都是已经帮我们封装好的,我们一般只需要知道模块怎么调用,摆放在什么位置就可以了.下面我们先贴出HelloMap的基本代码便于后面讲解内容的开展. <!DOCTYPE html> <html> <head> <meta char

javascript面向对象创建高级 Web 应用程序

 目录 JavaScript 对象是词典 JavaScript 函数是最棒的 构造函数而不是类 原型 静态属性和方法 闭包 模拟私有属性 从类继承 模拟命名空间 应当这样编写 JavaScript 代码吗? 展望 最近,我面试了一个有五年 Web 应用程序开发经验的软件开发人员.四年半来她一直在从事 JavaScript 相关的工作,她自认为 JavaScript 技能非常好,但在不久之后我就发现实际上她对 JavaScript 知之甚少.话虽这样说,但我确实没有责备她的意思.JavaScrip

开源原生JavaScript插件-CJPCD(省市区联动)

一.前言 上两篇博客笔者对 JavaScript Module 模式,闭包等知识点做了简单介绍之后,我们今天开始正式开发一款属于自己的 JavaScript 插件.由于最近项目刚好用到地区选择这一块的功能.网上有许多类似插件,但是有些需求还是有些出入,所以就自己动手写了一个.思路是共通的但是实现和细节肯定会有所不同,我们重点放在代码介绍上.笔者已经将其上传到 github,大家可以下载使用,也可以把源码拷下来参考,路过的朋友顺手 star 哦. 二.补充知识 当前插件版本为1.0.1,能满足最常

使用JavaScript OOP特性搭建Web应用

最近,我面试了一个有五年 Web 应用程序开发经验的软件开发人员.四年半来她一直在从事 JavaScript 相关的工作,她自认为 JavaScript 技能非常好,但在不久之后我就发现实际上她对 JavaScript 知之甚少.话虽这样说,但我确实没有责备她的意思.JavaScript 真的是很有趣.很多人(包括我自己,直到最近!)都认为自己很擅长 JavaScript 语言,因为他们都知道 C/C++/C#,或者有一些以前的编程经验. 在某种程度上,这种假设并不是完全没有根据的.用 Java