文档章节

javascript记录

zhchl2010
 zhchl2010
发布于 2014/12/10 17:29
字数 768
阅读 9
收藏 0
1.内部js和外部js
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 注意:引入JS文件的标签不能自结束 -->
<script type="text/javascript" src="hello.js"></script>
<!-- <script type="text/javascript">
	alert("Hello World");
</script> -->
</head>

hello.js:
alert("Hello Javascript");

2.js变量:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
//对应js而言,是没有数据类型的,全部都是通过var来完成变量的创建 
	/* var a=19;
	alert(a);
	a="hello";
	alert(a); */
	
	function fn1(){
		var c=10;
		alert(c);
	}
	function fn2(){
		//当在函数内部声明一个变量时没用var,这个变量就会作为全局变量声明 
		//最佳实践,在函数中定义变量使用var
		b=10;
		alert(b);
		//alert(c);
	}
	function fn3(){
		alert(b);
	}
	//变量的类型,常用类型有:Number,String,Array,Date
	var a=12.6;
	//alert(typeof a);
	a="11";
	//alert(a+1);
	//java进行强制类型转换是(Number)a,而js是Number(a)
	//alert(Number(a)+1)
	//如果强制一个非数字的值为Number,会得到一个NaN(Not a Number)的值 
	var b="abc";
	//alert(Number(b));
	b="12px";
	//使用parseInt可以将字符串开头飞几个数字转换为int,如果开头不是数字,就得到NaN 
	//alert(parseInt(b));
	var as=["a","b",1,2,3];
	//对于数组等对象而言,显示的结果就是Object,不会是Array
	//alert(typeof as);
	//alert(typeof fn3);
	//alert(as instanceof Array);
	//判断as是否是Array的实例,如果是返回true
	//alert(!!0); 
	//alert(!!-1);
	//alert(!!"abc");
	//布尔类型:true和false,在js中,非0就是true
	//alert(!!NaN);
	//特别注意:NaN是false
	var size;
	//alert(size+"1");
	//当一个变量没有定义值的时候,它的类型是undefined,undefined是false 
	//alert(!!size);
	//特别注意,在js中除了NaN,undefined,0这三个数是false外其余是true
	for(var i=0;i<as.length;i++){
		alert(as[i]);
	}
</script>
</head>
<body>
<input type="button" value="运行fn1" onclick="fn1()"/>
<input type="button" value="运行fn2" onclick="fn2()"/>
<input type="button" value="运行fn3" onclick="fn3()"/>
</body>
</html>

3.对象Object
<script type="text/javascript">
	function Person(name,age){
		this.name=name;
		//定义一个Person的属性name
		this.age=age;
		this.address="云南昭通";
		//如果没有用this声明,这个变量仅仅是函数的局部变量,不是类的属性 
		var x=10;
		//创建一个方法 
		this.say=function(){
			alert(this.name+","+this.age);
		}
	}
	
	//创建一个对象p1是Person的对象 
	var p1=new Person("张三",12);
	//alert(p1.name+","+p1.age+","+p1.address);
	//alert(p1.x);
	p1.say();
	var p2=new Person("刘德华",22);
	p2.address="香港";
	//alert(p2.name+","+p2.address);
	//alert(typeof p2);//Object
	//alert(p2 instanceof Person);//true
	//可以通过对象["属性名"]完成对属性的调用 
	alert(p2["name"]+","+p2["address"]);
	var x=function(){
		alert("x");
	}
	//此时x就是一个function函数 
	//x();
	function fn(){
		alert("fn");
		//对于函数而言,直接写return就等于有返回值 
		return "100";
	}
	var y=fn;
	//此时是将y这个变量指向函数fn,可以通过y()来调用函数 
	//y();
	//fn();
	//y()和fn()效果一样的 
	var z=fn();
	//将函数fn()所执行的返回值传给z变量,所以z=100
	/* alert(z);
	alert(y); */
	//在js中,对于对象而言,可以通过for in来完成迭代 
	for(var a in p1){
		//可以获取对象中的所有显式声明的属性 
		alert(a+":"+p1[a]);
	}
</script>


© 著作权归作者所有

上一篇: javascript记录02
下一篇: spring简单权限
zhchl2010
粉丝 3
博文 80
码字总数 77710
作品 0
成都
程序员
私信 提问
2013年3月TIOBE编程语言排行榜,Ruby超越Perl

TIOBE 编程语言排行榜发布 2013 年 3 月份的榜单,与 2 月份比较该榜单唯一有变化的就是 Ruby 语言取代 Perl 排在第 9 位。Perl 语言是否正在逐渐的跌出前十名?拭目以待! 此榜单还有另外一...

oschina
2013/03/12
27K
102
使用JavaScript的history对象来实现页面前进后退(go/back/forward)。

我们都知道JavaScript有history对象,主要是用来记录浏览器窗口的浏览记录。但是,JS脚本是不允许访问到这个记录里面的内容(隐私)。 常见的用法是: history.back();//返回上一页,相当于浏...

zerodeng
2015/02/04
3.7K
0
在我web工程中,超链接以及按钮的onclick失效

我新建一个web工程,这两个功能都好用,但是我一旦复制到我要用到的那个工程里面,就都不好用了 ,已经弄了不短时间了,还是没弄出来,求大神帮忙分析一下,其中按钮返回好用,查询不好用,超...

kkk我爱
2013/04/04
658
0
bootstrap-table 分页增删改查之一(分页)

本文转载于:猿2048网站bootstrap-table 分页增删改查之一(分页) 记录一下 bootstrap-table插件的使用 先看下效果图 首先是导入js <!--js jquery --><script type="text/javascript" src="$......

前端老手
09/02
13
0
android h5 js 匿名函数通信

android js 互相调用 支持js匿名函数接收 支持js json对象接收 支持js函数返回值获取 通过注解注入js方法,支持自定义方法名 github https://github.com/lwugang/android-js-bridge Add it i...

liwg
2018/04/25
0
0

没有更多内容

加载失败,请刷新页面

加载更多

全面兼容IE6/IE7/IE8/FF的CSS HACK写法

浏览器市场的混乱,给设计师造成很大的麻烦,设计的页面兼容完这个浏览器还得兼容那个浏览器,本来ie6跟ff之间的兼容是很容易解决的。加上个ie7会麻烦点,ie8的出现就更头疼了,原来hack ie...

前端老手
2分钟前
1
0
常用快递电子面单批量打印api接口对接demo-JAVA示例

目前有三种方式对接电子面单: 1.快递公司:各家快递公司逐一对接接口 2.菜鸟:支持常用15家快递电子面单打印 3.快递鸟:仅对接一次,支持常用30多家主流快递电子面单打印 目前也是支持批量打...

程序的小猿
5分钟前
4
0
Yii 框架中rule规则必须搭配验证函数才能使用

public $store_id;public $user_id;public $page;public $limit;public $list;public $mch_list;public $cart_id;public $is_community;public $shop_id;public $cart_typ......

chenhongjiang
7分钟前
1
0
Flutter使用Rammus实现阿里云推送

前言: 最近新的Flutter项目有“阿里云推送通知”的需求,就是Flutter的App启动后检测到有新的通知,点击通知栏然后跳转到指定的页面。在这里我使用的是第三方插件Rammus来实现通知的推送,之...

EmilyWu
7分钟前
4
0
Knative 实战:三步走!基于 Knative Serverless 技术实现一个短网址服务

短网址顾名思义就是使用比较短的网址代替很长的网址。维基百科上面的解释是这样的: 短网址又称网址缩短、缩短网址、URL 缩短等,指的是一种互联网上的技术与服务,此服务可以提供一个非常短...

阿里巴巴云原生
23分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部