JavaScript基础

最新推荐文章于 2022-11-23 17:32:46 发布
最新推荐文章于 2022-11-23 17:32:46 发布
阅读量121 收藏
点赞数
分类专栏： js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weihongda666/article/details/78752638
版权

JavaScript基础 01


JavaScript组成
·ECMAScript：  解释器  作用：翻译   JS核心部分
·DOM：   Document Object Model       HTML 就是Document  操作HTML的能力
    文档    对象   模型
·BOM：   Browser Object Model       浏览器       window
ECMA    几乎没有兼容性问题
DOM 有一些操作不兼容
BOM 没有兼容问题（完全不兼容）

显示类型转换（强制类型转换）
·type of ：查询是什么类型
·字符串转整数 ： parseInt（）  转到第一个不是数字就停止
·字符串转小数 ： parseFloat（） 不知道是整数或者小数就用这个
·NaN ：Not a Number  任何数字加NaN都等与NaN    NaN和NaN不相等
·isNaN () 判断一个东西是不是NaN

例子：求和

<script>
window.οnlοad=function()
{
	var oTxt1 = document.getElementById('Txt1');
	var oTxt2 = document.getElementById('Txt2');
	var oBtn = document.getElementById('Btn1');
	
	oBtn.οnclick=function()
	{	
		//字符串转整数 ： parseInt（）  转到第一个不是数字就停止
		//字符串转小数 ： parseFloat（） 不知道是整数或者小数就用这个 转到第一个不是数字就停止
		//把文本框1、2的值系先转换成整数，在分别赋值给i，k ，方便计算
		var i = parseInt(oTxt1.value);
		var k = parseInt(oTxt2.value);、
		if (isNaN(oTxt1.value))
		{
			alert('您输入的不是数字，请重新输入');
		}
		else if(isNaN(oTxt2.value))
		{
			alert('您输入的不是数字，请重新输入');
		}
		else 
		{
			alert(i+k);
		}
	};
};
</script>
</head>

<body>
<input id="Txt1" type="text"  />
<input id="Txt2" type="text"  />
<input id="Btn1" type="button" value="求和" />

</body>

隐式类型转换
· == ：先转换类型，然后比较
· === ：不转换类型，直接比较
· - ：先转换类型，然后计算
· +：用途 1.字符串连接   2.数字相加   计算机选择1

变量作用域
·局部变量：只能在定义它的函数用
·全局变量：在任何地方都能用
·闭包：子函数可以使用父函数的局部变量


命名规范及必要性
·可读性---能看懂
·规范性---符合规则：匈牙利命名法 1.类型前缀 （变量用；函数取名不需要） 2.首字母大写（每个单词首字母大写）


JavaScript基础02


运算符    
·%：求模（求余数） 例子：隔行变色、秒转分
·i=i+1 、 i+=1 相同
·== 、 === 、 ！= 、！== 的隐式类型转换
·与 && 并且 、 或 || 或者 、 否！

隔行变色

window.οnlοad=function()
{
	var aLi=document.getElementsByTagName('li');
	
	for(var i=0;i<aLi.length;i++)
	{
		if(i%2==0)
		{
			aLi[i].style.background='gray';
		}
		else
		{
			aLi[i].style.background='';
		}
	}
}
</script>
秒转分 

<script>
window.οnlοad=function()
{
	var i = 189;
	alert(parseInt(i/60)+'分'+i%60+'秒');
}
</script>



程序流程控制
·else if的使用， 一个if可以有无数个 else is  但是只能有一个else
·switch(变量)
{
 case 值1;
语句1
break;
 case 值2;
语句2
break;
 .....
 default:
语句n；
}
break:打破，中断 （整个循环中断）；continue：继续（本次循环中断）；
·三目（三元）运算符：?:   例子：
if(条件1)
{
语句1 
}
else{
语句2
 }  

三目运算符表示：   条件 ? 语句1 ：语句2

switch实例

<script>
window.οnlοad=function()
{
	var name='abc';
	var sex='女';
	
	switch(sex)
	{
		case '男':
			alert('欢迎您'+name+'先生');
			break;
		case '女':
			alert('欢迎您'+name+'女士');
			break;
		default:
			alert('欢迎您'+name);
	}
}
</script>

三目运算符使用 

<script>
var a = 16;

if(a%2==0)
{
	alert('双数');
}
else
{
	alert('单数');
}

a%2==0?alert('双数'):alert('单数');

</script>

·什么是真什么是假 ：
真：true 、非零、非空字符串、非空对象
假：false、数字零、空字符串、空对象、undefined


·Json 
和数组相似、没有length、下标是字符串、for in循环的使用、

json定义

<script>
var json={a: 15 ,b: 123 ,c: 'asd'}
alert(json.a);
alert(json['b']);
</script>
for in循环使用 

<script>
var arr=['a','22','cc'];

for(var i=0;i<arr.length;i++)
{
	alert('第'+i+'个元素是'+arr[i]);
}

for(var i in arr )
{
	alert('第'+i+'个元素是'+arr[i]);
}
</script>
<script>
var json={a: 15 ,b: 123 ,c: 'asd'}

for(var i in json)
{
	alert('第'+i+'个元素是'+json[i]);
}
</script>











weihongda666
关注
专栏目录
javascript百炼成仙 第一章 掌握JavaScript基础01 初入宗门
java小白翻身
10-06 17万+
乐阳村，处于脚本大陆东部的边缘地带，民风淳朴，村名日出而作，日落而息。这一日清晨，所有村民来到村庄的门口，正在为一个十五六岁的少年送别。只见那少年虽然身体瘦弱，可是目中绽放出异彩，身躯虽不壮实，倒也挺拔。 “叶小凡，你是我们全村人的骄傲，百年来唯一一个具备修行JavaScript甲等资质的孩子！马上会有千鹤派的大人来接你，今后你一定要认真修行，给我们全村的人争光！” 他叫叶小凡，几天前通过了修行资质的检验，符合修行JavaScript的资质。 “千鹤派！”叶小凡眼前一亮，语气中伴随着激动，两眼放光。千鹤派，
JavaScript基础大总结
热门推荐
Augenstern_QXL的博客
07-31 13万+
✍初始JavaScirpt JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思） 脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行 现在也可以基于 Node.js 技术进行服务器端编程 ????浏览器执行JS简介 浏览器分成两部分：渲染引擎和 JS 引擎 渲染引擎：用来解析HTML与CSS，俗称内核，比如 chrome 浏览器的 blink ，老版本的 webkit JS 引擎：也称为 JS 解释器。 用来读
JavaScript基础（详细总结）
程序员阿龙的博客
08-18 2万+
JavaScript基础入门详细总结
JavaScript基础语法
m0_67683346的博客
11-02 6125
javascript中的一些基础语法
JavaScript 基础概念
weixin_52682120的博客
04-20 3164
1 JavaScript 概念 1.1 什么是JavaScript（简称“JS”）？ 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。 【脚本语言、基于对象、动态交互、跨平台性】 1.2 语言组成 ①ECMAScript，描述了该语言的语法和基本对象。 ②文档对象模型（DOM），描述处理网页内容的方法和接口。 ③浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。 1. 3 JavaScript的标准是? JavaScript已经被Netscape公司提交给ECMA制定为标准，称之为E
JavaScript基础入门
dangfulin的博客
08-21 5797
一，什么是JavaScript 1，与Java无关！与Java无关！与Java无关！ JavaScript是一种为网站添加互动以及自定义行为的客户端脚本语言， 通常只能通过Web浏览器去完成操作， 而无法像普通意义上的程序那样独立运行。 JavaScript是一种轻量级、解释型的 Web 开发语言，该语言系统不是很庞杂，简单易学。由于所有现代浏览器都己嵌入了JavaScript引擎、JavaScript 源代码可以在浏览器中直接被解释执行，用户不用担心支持问题。 JavaScript的引入，符合”渐进增
javascript百炼成仙 第一章 掌握JavaScript基础 1.2直接量
java小白翻身
10-06 7万+
叶小凡的住处被安排在青山院西北角的一个房间里，虽不宽敞，倒也干净。叶小凡两眼露出振奋的眼神，随便吃了点乡亲们准备的干粮后，就立刻开始打坐修行。编程之修，重在积累，而非资质。资质虽然一样重要，可是后天的努力一样必不可少。这些道理，叶小凡还未上山之前，就已经熟知！因此，即便是资质平凡，只要肯下苦功，一样可以修得正果！叶小凡虽然甲等资质，可依然不骄不躁，开始从“JavaScript基础修炼要诀”第一页开始看起。 修炼要诀第一章，直接量。 编程世界，所谓直接量，就是明面上可以见到的数据值。常见的直接量有数字，小数，
Javascript 基础知识学习
最新发布
岳来的博客
11-23 7354
javascript 基础学习
JavaScript基础知识点
qq_40046544的博客
08-06 2035
JavaScript是一门完备的动态编程语言。当应用于HTML文档时，可为网站提供动态交互特性。由布莱登布兰登·艾克发明。字面量是用于表达源代码中的一个固定值的表示法字面量有数字字面量、字符串字面量、数组字面量、对象字面量等变量是计算机中用来存储数据的容器，简单理解是一个盒子。未定义是比较特殊的类型，只有一个值undefined只声明变量未赋值的情况下，变量的默认值为undefined简介：数组是一种可以按顺序保存数据的数据类型元素：数组中保存的每一个数据都叫做数组元素下标：数组中数据的编号。...
javascript基础
08-09
javascript基础，适合零基础或初学者简单简洁 ，易于理解
javascript基础语法总结.pdf
07-02
这个资源是javaScript基础语法的总结，适合学完javascript基础语法的进行巩固、复习！ 这...我是想免费给大家看的,这怎么还收费
JS面向对象实例、高级
weihongda666的博客
01-10 1836
·  选项卡用面向过程1 window.onload=function () { var oDiv = document.getElementById('div1'); var aDiv = oDiv.getElementsByTagName('div'); var aBtn = oDiv.getElementsByTagName('input'); for (var i=0;i<aB
JS中的正则表达式
weihongda666的博客
01-10 582
·  字符串操作 var str='asdfghert'; //alert(str.search('s')); //查找位置，没有就是-1 //alert(str.substring(2,5)); //获取子字符串，不包括结束位置 //alert(str.charAt(1)); //返回字符串的某一位 var str1='123-asd-gf-ewr-z
js事件中级、高级应用
weihongda666的博客
01-09 378
js事件中级 ·  自定义右键菜单 //浏览器右键菜单功能 document.oncontextmenu=function(ev) { var oEvent = ev||event; var oDiv = document.getElementById('div1'); //自定义事件添加 oDiv.style.display='block'; oDiv.style.left=oE
DOM操作应用
weihongda666的博客
01-09 300
· 创建和插入元素 //先创建一个LI var oLi = document.createElement('li'); //把创建的LI插入到UL当中 oUl.appendChild(oLi);· 创建并添加内容在里面 var oLi = document.createElement('li'); var aLi = oUl.getElementsByTagName('li'); oLi.in
BOM应用
weihongda666的博客
01-10 286
·  open打开窗口 ·  write ·  write应用（在文本框内输入内容 点击打开新的页面并显示文本框的内容） oBtn.onclick=function () { //创建另一个页面为空，如果后面写_self就是在本页面上替换 var oNew=window.open('about:blank','_blank') oNew.document.write(
js运动基础
weihongda666的博客
01-09 257
·  运动基础 //定义一个空的timer下面用来存放定时器 var timer=null; function startMove() { var oDiv = document.getElementById('div1'); //一开始先关掉定时器，保证只有一个定时器在运行，解决重复点击速度加快问题（多个定时器共同运行） clearInterval(timer);
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值