逻辑运算符

<script type="text/javascript">

 

/* 逻辑运算符只有两个结果,truefalse

*且 && 两个表达式为 true,结果为true

*或 ||只要有一个结果为true,都为true

*非 !和表达式相反的结果

*/

var n1=2;

var n2=3;

var n3=6;




// 一个为 ture,一个为false,结果为false

alert(n1>n2 && n1<n3);

// 两个表达式都为 true,结果为true

alert(n1<=n2 && n1<=n3);

// 两个表达式都为 false,结果为 flase

alert(n1>=n2 && n1>=n3);




// 一个表达式为 true,一个表达式为 false,结果为true

alert(n1!=n2 || n1>n3);

// 两个表达式都为 true,结果为true

alert(n1<=n2 || n1<=n3);

// 两个表达式都为 false,结果为 false

alert(n1>n2 || n2>n3);

 

// 和表达式相反的结果

alert(!n1>n2);//false

alert(!(n1>n2));//true

alert(!(n1<n3));//ture




</script>

数据类型转换

<script type="text/javascript">
 //数字类型 number
 //字符串 string
 //布尔数据类型 (false、true)
 //变量未初始化 undefined
 //null 变量为引用

<!---------数字类型转字符串------------>
 // 1.String() 2.变量.toString()
 var n1=1;
 var n2=13.14;
 var n3=-20.18;
 // var n4=String(n1); //String
 var n4=n3.toString(); //变量.toString
 // alert(n4);
 // alert(typeof(n4));

<!---------字符串转数字类型------------>
 // 1.number 2.parseInt 3.parseFloat
 var a1="1314";
 var a2="123abc";
 var a3="mylove";
 var a4="我的世界!222";
 var a5="1.23";
 var a6="-6.58";

// var a7=Number(a5);
 //1.数字类型的字符串转换之后得到的是数字
 //2.非数字字符串转换之后得到的是 NaN
 //3.小数类型的字符串转换之后得到的是原数字

// var a7=parseInt(a6);
 //1.整数数字类型的字符串,转换之后得到的是整数数字
 //2.数字开头的字符串,转换之后得到的是前面的数字
 //3.非数字开头的字符串,转换之后得到的是 NaN
 //4.小数类型的字符串,转换之后取整数

var a7=parseFloat(a6);
 //1.整数数字类型的字符串转换之后得到整数数字
 //2.整数开头的字符串,转换之后得到的是前面的数字
 //3.非数字开头的字符串,转换之后得到的是 NaN
 //4.小数类型的字符串,转换之后得到的是原数字
 alert(a7);
 alert(typeof(a7));

</script>

一些常用的div 布局名称CSS命名规则整理

CSS+DIV的命名规则:

登录条:loginBar
标志:logo
侧栏:sideBar
广告:banner
导航:nav
子导航:subNav
菜单:menu
子菜单:subMenu
搜索:search
滚动:scroll
页面主体:main
内容:content
标签页:tab
文章列表:list
提示信息:msg
小技巧:tips
栏目标题:title
友情链接:friendLink
页脚:footer
加入:joinus
指南:guild
服务:service
热点:hot
新闻:news
下载:download
注册:regsiter
状态:status
按钮:btn
投票:vote
合作伙伴:partner
版权:copyRight

1.CSSID的命名

外套:wrap
主导航:mainNav
子导航:subnav
页脚:footer
整个页面:content
页眉:header
页脚:footer
商标:label
标题:title
主导航:mainNav(globalNav)
顶导航:topnav
边导航:sidebar
左导航:leftsideBar
右导航:rightsideBar
旗志:logo
标语:banner
菜单内容1:menu1Content
菜单容量:menuContainer
子菜单:submenu
边导航图标:sidebarIcon
注释:note
面包屑:breadCrumb(即页面所处位置导航提示)
容器:container
内容:content
搜索:search
登陆:login
功能区:shop(如购物车,收银台)
当前的current

2.样式文件命名
主要的:master.css
布局版面:layout.css
专栏:columns.css
文字:font.css
打印样式:print.css
主题:themes.css

版权声明:本文章为田珊珊个人博客原创

算数运算小案例

华氏度、求和

[cce theme="blackboard"]
<script type="text/javascript">
		// var ssd=prompt("请输入摄氏度");
		// var hsd=9/5*ssd+32;
		// alert(hsd);

		var a1=123;
		var a2=100;
		var a3=a1+a2;
		alert(a3);
	</script>
[/cce]

如果今天是周六,1000天以后是周几
[cce theme="blackboard"]
<script type="text/javascript">
		// console.log(((123+45*78)/(34+543))-9*(324-34));

		// 写一个程序,要求用户输入鸡蛋数,如果20个鸡蛋放一个盒子,
		// 判断要多少个盒子,在控制台中输出(最后盒子数量自考虑整数个数)
		// var egg=prompt("请输入鸡蛋个数(20的整数倍)")
		// var box=egg/20;
		// console.log(box);

		// 如果今天是周六,1000天以后是周几
		var day1=6;
		var day2=1000%7;
		var day3=(day1+day2)%7;
		alert(day3);

		alert(1006%7);
	</script>
[/cce]

随机返回0-9之间的随机整数(包含0和数字9)
[cce theme="blackboard"]
;
[/cce]

Math对象

[cce theme="blackboard"]
<script type="text/javascript">
		var n1=12;
		var n2=2;
		var n3=3.98;
		var n4=12.01;
		// var n5=Math.ceil(n2);	//天花板函数,向上取整
		// var n5=Math.floor(n2);	//地板函数,向下取舍
		// var n5=Math.max(n1,n3);	//取得两数最大值
		// var n5=Math.min(n2,n3);	//取得两数最小值
		// var n5=Math.pow(n1,n2);	//返回n1的n2次方
		// var n5=Math.round(n3);	//四舍五入
		var n5=Math.random()		//返回0~1之间的随机数

		alert(n5);
	</script>
[/cce]

 

常用的几个 Date对象

[cce theme="blackboard"]
<script type="text/javascript">
		var mydate=new Date();		//通过new方法创建对象
		alert(Date());				//返回一个完整的日期时间
		alert(mydate.getMonth()+1);	//返回当前几月份
		alert(mydate.getFullYear());//返回当前年份
		alert(mydate.getHours());	//返回小时部分
		alert(mydate.getMinutes());	//返回分钟部分
		alert(mydate.getSeconds());	//返回秒数
		alert(mydate.getDay());		//返回一周中的某一天
	</script>
[/cce]

输出信息的5种方法

[cce theme="blackboard"]
<script type="text/javascript">

		alert("你吃饭了吗,哈哈");
		// \""
		alert("中\"国\"");
		// alert("中\n国")	//换行
		// alert("中\r国")	//回车
		confirm("今天你高兴吗");

		// comsole.log()	将信息输入到控制台,用于js调试
		console.log("你看我帅吗...");	//在控制台显示	F12 console

		// 弹出输入框,用于接受用户输入的信息
		prompt("请输入你的年龄");

		//不仅能输出信息,还能输出标签
		document.write("123<br><b>321</b>");
	</script>
[/cce]

数据类型

数据类型之数字类型和字符串

<script type="text/javascript">

// typeof用来判断数据类型




// 数字类型number

var a1=1;

var a2=0.32;

var a3=-5;

// alert(a3);

// alert(typeof(a3));




// 字符串 string

var a4="123";

var a5="abc";

// alert(typeof(a4));




// 布尔数据类型 为假:false为真:true

alert(a3>a1);/*false*/

alert(a3<a1);/*true*/




//变量未初始化 undefined

// 定义了变量没有赋值,在内存中是存在的

var a6;

alert(a6);




// 变量未引用 null

//不存在内存中,直接销毁

var a7=null;

alert(a7);




</script>

变量,变量命名规范

[cce_js theme="blackboard"]
<script type="text/javascript">
		// 变量命名规范:
		// 1.不能为数字或纯数字开头来定义变量名	
		// 2.不推荐使用中文来定义变量名	
		// 3.不能使用特殊符号或者特殊符号开头,/ 下航线除外
		// 4.不推荐关键字和保留字使用变量名
		// 5.定义的变量名中间不能有空格

	// 定义变量 var cyt
		var cyt ="123";		/*给变量赋值*/
		var Cyt ="456";
		alert(cyt+Cyt);			/*输出变量*/
		// alert(Cyt);
		// js当中是严重区分大小写的
		// 加了双引号的区别
		// alert("cyt");		/*直接量*/

	</script>
[/cce_js]