JavaScript入门
来源:互联网 发布:jenkins自动部署linux 编辑:程序博客网 时间:2024/06/03 19:09
什么是JavaScript
以下仅列举与java语言不同之处
- JavaScript是一种可以与HTML混合使用的脚本语言,其编写的程序可以直接在浏览器中解释执行
- JavaScript是基于对象和事件的脚本语言
- JavaScript是弱类型语言
- JavaScript可以写在<script&rt;标签中,或者在单独写在.js文件中引入
语法
- JavaScript共有6种数据类型
undefined,null,boolean,string,number,object - 字符串运算符“+”
//13 var a=1; var b="3"; alert(a+b); //trueddd var b=true; var c="ddd"; alert(b+c);
- 数组
//数组长度可变 var array = new Array(3); var array = [1,2,3,4,5]; var array = [1,’2’,true,9.8]; alert(array,length);
- 函数
//典型函数 function FuncName(args){ expression; } //动态函数 var show = new Function( "x", "y", "var sum = x+y; return sum;" ); //匿名函数 var show = function(){ alert("function"); }
面向对象
严格的讲,JavaScript不是一种面向对象的语言,因为它没有提供面向对象语言所具有的一些明显的特征,例如继承和多态。因此,设计者把它称为“基于对象”,而不是“面向对象”的语言。
类是对象的抽象,但JavaScript中没有类的概念,创建一个对象只要定义一个该对象的构造函数并通过它创建对象即可。
//构造器 function Stu(name, age){ //私有属性和方法 var id = 1; function showId(){ alert(id); } //公有属性和方法 this.name = name; this.age = age; this.printCard = function(){ showId(); alert("name:"+this.name+"age"+this.age); } } //创建对象并调用方法 M = new Stu("小明", 3); M.printCard(); prototype 返回对象类型原型的引用 function array_max(){ //谁调用这个方法,谁就是this var i, max=this[0]; for(i=1; i<this.length; i++){ if(max<this.[i]) max = this[i]; } return max; } //Array.prototype为Array的一个引用,下句相当于重写了max方法 Array.prototype.max = array_max; var x = new Array(1,2,3); var y = x.max();
1.时间对象
//默认系统当前时间 var currentTime = new Date(); //Date对象-->String对象 alert(currentTime.toLocaleString());
2.数学对象
//[0,1)随机数 Math.random();
3.字符串对象
//角标 var str = "helloworld".substring(2,4);//ll //偏移量 var str = "helloworld".substr(2,4);//llow
4.弹框
alert("警告"); prompt("询问"); confirm("确认");
事件机制
截图自w3school
HTML DOM
Document Object Model。DOM是W3C定义的访问HTML和XML文档的标准,它是是中立于平台和语言的接口,它允许程序和脚本动态地访问和更新文档的内容、结构和样式。
HTML封装数据,CSS表现样式,DOM封装标签,而JavaScript通过程序设计融合三者,完成动态效果的操作。
在 HTML DOM 中,所有事物都是节点,DOM 是被视为节点树的 HTML。即HTML每个标签在DOM中都是一个节点对象。节点类型包括文档节点、注释节点、文本节点、属性节点、元素节点。
每个节点都有三个属性,分别为:
• nodeName
• nodeValue
• nodeType
获取节点对象的方法有三种:
• getElementById()
• getElementsByName() 返回数组
• getElementsByTagName()
- Javascript入门
- javascript 入门
- Javascript入门
- JavaScript入门
- javascript入门
- javascript入门
- JavaScript入门
- JavaScript 入门
- Javascript入门
- JavaScript入门
- Javascript入门
- JavaScript入门
- javascript入门
- javascript入门
- javascript入门
- JavaScript入门
- javascript入门
- Javascript入门
- JAVA设计模式-模板类型模式
- Is It A Tree?(POJ1308/HDU1325)(A)
- JAVA设计模式-策略模式
- 项目设计开发==(0928-0930)
- 解决font property font-family does not have generic default
- JavaScript入门
- sublime ( 快捷键 Ctrl+B 使用‘build’ )调用python 控制台运行python脚本无反应/空白 (UnicodeDecodeError)
- 一个非科班17届毕业生的求职互联网经历(腾讯、美团、携程等)
- Android心得4.3--SQLite数据库--execSQL()和rawQuery()方法
- PSVR即将发售了,还不准备买买买?
- CSDN爬虫(四)——博客专家(所有)爬取+数据分析
- 字符串排列组合算法
- 动态规划之最长子序列问题
- word2vec源码思路和关键变量