学习javascript第二天:由于平时单位上的人情世故比较重,第二天的学习有点拖后了,以后要改掉这个习惯,哪怕在忙也要挤出时间学习 ,哪怕是两个小时,也是一小步,这一点必须改,下面我们就直接进入主题一.传参函数的案例这个案例是通过元素内属性中函数传过来的一个实参 到函数体中进行 ...
学习javascript第二天:
由于平时单位上的人情世故比较重,第二天的学习有点拖后了,以后要改掉这个习惯,哪怕在忙也要挤出时间学习 ,哪怕是两个小时,也是一小步,这一点必须改,下面我们就直接进入主题
一.传参函数的案例
这个案例是通过元素内属性中函数传过来的一个实参 到函数体中进行处理的一个动作 其实传的参数就是一个占位符(变量) 通过实参传到形参中进行处理后再传到实参中 在以后的函数使用过程中也会经常用到这类的函数 其形式是这样的 在元素中还是 函数名(实参名) 在函数体中是 function 函数名(形参){函数体}这样的形式 这个是在要修改的属性不固定的时候用 当然以后为了方便我们也不用给函数取名字 这种函数叫做匿名函数 样式为 变量名或事件名 = function (形参){函数体}
代码示例:
二.操作属性的第二种方式
为什么说是第二种方式呢,前面我们学习的操作属性的样式大部分是在body中使用javascript的一些代码 在内部运用事件 但是在以后工作的时候我们大部分制作出来的案例是 样式框架(html)/样式(css)/事件(js)分离的 这里我们学习了js和html,css分离 怎么分离呢 首先我们要明白一个基础性的问题 在元素内的事件起始页是一个属性 既然是属性我们就可以将其调用并改变内部的值 这就体现了js的灵活性 当然这个找对象的方式也有两种 第一种就是通过元素的id名来找 第二种可以通过元素名来找 通过id来找我们前面已经学习过 通过元素名找 就是首先通过document.getElementsByTagName('元素名'); 这个所匹配的是一个数组 所以需要访问其中的某一个可以通过数组的下标来访问 下标是从0开始一个一个递增的 在这里我们同时也学习到了调用数组长度的内部函数 代表数组的变量名 .length 通过这个函数也为我们以后学习条件和循环语句打下扎实基础.
三.字符串和变量的区别
在我们使用js 的过程中 经常忘记加单引号或者多加了单引号 这样就会导致我们的程序不能应用我们前面说了js 是一个很小气的语言 他区分字母的大小写 多一个符号或者少一个符号就会导致程序不能运行 所以这就要求我们要细心的编写 说到字符串下面就要扯到两个概念了
字面量(也叫常亮) : 看到是什么就是什么 就像数字123 字符串'abc'
变量 var a=? 这里要注意变量的作用域 有全局变量和局部变量 是通过作用域来区分的
四.style与className
首先我们要清楚两个基本概念:
通过style改变的样式:元素.style.属性=属性值是修改行间样式
之后通过classname修改的不会有效果 所以以后要修改一个属性值 就通过一种方法修改 要用style就用style修改 要用className修改就用className修改
因为优先级的关系行间样式将覆盖其他样式 行间样式>id>class>元素>*
五.提取事件
这个也是跟我们的属性一样提取 但需要注意的是 由于他不是样式 所以在找它的时候不用style了 直接 变量名.onclick=函数名 就行了 还有需要注意的是 你要是将几者进行分离了之后你的js肯定是放在head中 或者外联样式表中 不管怎样你要添加一个 事件函数 就是我们的window.onload=function (){}将你需要写的代码括起来 这个的目的是在页面加载后在加载我们的脚本语言
六.获取一组元素
通过元素获得对象组 getElementsByTagName('属性名')
数组的使用 var Tname=document.getElementsByTagName('属性名') Tname[下标]
七.循环语句
在前面我们学习了if语句 其实if语句就是一个判断语句 如果条件成立执行下例语句块
我们这里学习的循环也是一样的 假如这个条件一直成立就一直执行 直到不成立为止 这就要注意避免死循环的发生 循环语句最精妙的就是自增自减的使用才使得我们的循环语句得以使用
自增 i++ 自减 i-- 一般的循环语句的主要条件都至少有三个 分别是 值得初始化 条件 自增减 这三个组成一个美妙的循环语句
首先我们来认识while循环语句 赋初值 while(条件){实现效果 自增减}
代码示例:
if(条件)while(条件)while(饿)for(初始化;条件;自增) 还是这些东西尽量用window.onload包起来这样可用性才会更好 */ </script>
原标题:javascript学习笔记02
关键词:JavaScript
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。