js函数 DOM操作
回学校了两天请了两天假,数组和方法的内容周末一定补上!
今天介绍一下JavaScript函数 Function
一、基础内容
1.定义
函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。
function show (){}
其中function为关键字 show为标识符 (自己起的函数名)
2.调用
show() (函数名加小括号)
3.参数
function show(参数列表,参数列表2){}
参数列表是形式参数,在方法里面用形参,
形参:是在定义函数时使用的参数,目的是用来接收调用该函数时传进来的实际参数。 函数结束将被释放。
实参:是在调用时传递给函数的参数 。调用的时候show(aaa) 这个aaa为实参 确定的参数有值。
默认参数
show(arr,13)
function show(arr1,str=1) 有13 str 被改为13 没有13 str为1 str=1 就是默认值。
默认值的使用实例
//定义一个数组
var attr = [],
//定义输入的几个数 的变量
str = "",
num = 0,
a; function max(a = 1){
num = parseInt(prompt("输入几个数"));
//通过循环给数组赋值
for(var i = 0; i < num; i ++){
str = prompt("请输入第"+(i+1)+"个数");
attr[i] = str;
}
//假设最大或最小的数为第0项
var smg = attr[0];
//通过循环比较第0项和其他项的大小
for(var i = 0; i < num; i ++){
if(a == 1){
//如果有其他项比min小,则赋值给它
if(smg > attr[i]){
smg = attr[i];
}
}else{
//如果有其他项比max大,则赋值给它
if(smg < attr[i]){
smg = attr[i];
}
} }
//输出最大值
console.log(max);
alert(smg);
}
默认值的使用
二、方法
Return 结束方法。 Return num ; 加num表示返回num的值。 Return “找到了”;返回找到了。不能用在循环。类似于循环的break。
递归;
function f1(n){
If(n==1) teturn;
n—
f1(n)
}
自调用方法(外面 加括号)(function(){})
匿名函数(没有方法名的函数) Function(){}
用途 var fun = function(){ } (名字就是fun了……)
三、 Dom 操作
1.功能:找到元素 操作元素
找元素: 标签名 document .getelementsByTagName ();
属性 document.getelementById(); id 属性值 除了id其他都是elements,因为他们都不是唯一的。
document.getelementsByClass();
ClassName
操作元素:内容 属性 样式 添加事件 删除标签
①内容 1.非表单元素
标签对象.innerHTML = 123
获取标签内容 修改标签内容
2.表单元素
标签对象,value = 123
②属性
标签对象.getAttribute(“属性名”,“值”)
③样式
标签对象.style.color = “red” Js只能操作行内样式 外部引用不行
js函数 DOM操作的更多相关文章
- js的dom操作(整理)(转)
js的dom操作整理(整理)(转) 一.总结 一句话总结: dom操作有用原生js的dom操作,也可以用对js封装过的jquery等插件来来更加方便的进行dom操作 1.dom是什么? 对于JavaS ...
- js的DOM操作整理(整理)
js的DOM操作整理(整理) 一.总结 一句话总结: dom操作有用原生js的dom操作,也可以用对js封装过的jquery等插件来更加方便的进行dom操作 1.dom是什么? 对于JavaScrip ...
- JS的DOM操作及动画
JS的DOM操作DOM:Document Object ModelBOM:Bowers(浏览器) Object Model找到元素:var a=document.getElementById(&quo ...
- JS的DOM操作语法
整理了一下JS的DOM操作语法,这里做下记录. <!DOCTYPE html> <html> <head> <meta charset="utf-8 ...
- JS的DOM操作 - 你真的了解吗?
摘要 想稍微系统的说说对于DOM的操作,把Javascript和jQuery常用操作DOM的内容归纳成思维导图方便阅读,同时加入性能上的一些问题. 前言 在前端开发的过程中,javascript极为重 ...
- 原生js封装dom操作库
var utils = (function(window) { var flag = "getComputedStyle" in window; function win(attr ...
- 5月16日上课笔记-js中DOM操作
一.DOM操作 DOM节点的操作 增加 删除 修改 节点的信息: nodeName 获取节点的标签名 parentNode 获取父节点 childNodes IE忽略回车换行,chrome回车换行是文 ...
- 总结js常用的dom操作(js的dom操作API)
转载:https://www.haorooms.com/post/js_dom_api 前言 很多同学用惯了jquery操作dom,让他们用js操作的时候,常常力不从心,本文总结了常用的js的dom操 ...
- js常用DOM操作
在博客园看到了苏夏写的常用DOM整理文章,地址:http://www.cnblogs.com/cabbagen/p/4579412.html,然后抽时间都试了一下这些常用的DOM操作.在这里记录一下. ...
随机推荐
- POJ 2137 DP
思路: 枚举第一个点集中起点是哪个. 因为第i个点集总和第i-1个点集和第i+1个点集相连. 我们就可以DP求出最优解了. f[i][j]=min(f[i][j],f[i-1][k]+dis(i,j, ...
- nginx令牌限制并发
http{ limit_req_zone $binary_remote_addr zone=req_one:10m rate=100r/s; server { listen 8080; server_ ...
- Oracle学习系类篇(四)
.分析函数 分析函数oracle专门用于解决复杂报表统计需求的功能强大的函数,它可以在数据中进行分组,然后计算基于组的邹忠统计值,并且每一组的每一行都可以返回一个统计值. 分析函数和聚合函数的不同之处 ...
- HDU 1213 How Many Tables【并查集】
解题思路:和畅通工程类似,问最后还剩下几个不连通的区域. How Many Tables Time Limit: 2000/1000 MS (Java/Others) Memory Limit: ...
- 04《UML大战需求分析》之四
在学习完顺序图之后,流程分析的三种图,我已经学习完了我,但是我还需要大量地锻炼,这样才可以更加熟练地掌握几种图的使用和方法.接下来,我学习了用例图,用来描述系统的行为. 虽然是一同学习的,但是对用例图 ...
- Chrome添加Unity本地文档引擎
前提:输入Unity后出来的第一连接 浏览器的设置: 分别填入: UnityDocs unity3d.com/cn file:///Applications/Unity/Documentation/e ...
- css3之BFC、IFC、GFC和FFC
CSS2.1中只有BFC和IFC, CSS3中才有GFC和FFC. What's FC?一定不是KFC,FC的全称是:Formatting Contexts,是W3C CSS2.1规范中的一个概念.它 ...
- 前端框架easyui layout, Tabs,tree
一.三大前端框架的 1.easyui=jquery+html4(用来做后台的管理界面) 不要钱,开发速度快,不好看,不支持响应式 2.bootstrap=jquery+html5 好看,开发速度快,部 ...
- org.xml.sax.SAXParseException: Failed to read schema document 的原因分析与解决方法
现象: org.xml.sax.SAXParseException: schema_reference.4: Failed to read schema documen t 'http://www.s ...
- 小试牛刀之sort()排序的实现
受大学室友的鼓动,我也打算利用公众平台来记录自己的前端知识积累,同时呢,自己总结的东西,总归会有局限性,希望小伙伴能给我指点迷津.知识就是一张巨大的网,作为一名摸不清头绪的入学者,唯一能做的事情就是吐 ...