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操作.在这里记录一下. ...
随机推荐
- maven、spring jdbc 与mysql
做一个简单的有数据库的maven项目,目前还是没有前端,而且没有使用mybatis.之后会向项目中添加. 图片 对于上图的说明,第一个大的表格是未运行测试程序数据表的内容,第二个大的表格是运行测试程序 ...
- SQLserver中用convert函数转换日期格式(2)
), ): :57AM ), ): ), ): ), ): ), ): ), ): ), ): ), ): , ), ): :: ), ): :::827AM ), ): ), ): ), ): ), ...
- Python笔记(八)
#-*-coding:utf-8-*- # Python内置函数 print abs(-45) # 绝对值函数 print divmod(7,2) # 返回一个包含商和余数的元组 # input(&q ...
- SparkSQL 与 Spark Core的关系
不多说,直接上干货! SparkSQL 与 Spark Core的关系 Spark SQL构建在Spark Core之上,专门用来处理结构化数据(不仅仅是SQL). Spark SQL在Spark C ...
- jquery 登录,删除提示信息框
<a onclick="return confirm('确认要退出登录吗?')">退出</a> //删除,修改,添加时提示信息框 (del,edit,add ...
- Codeforces 993C. Careful Maneuvering(详细注解)
解题思路 -100和+100是没有用的,只要知道左边的飞船轴和右边的飞船轴离y轴一样近即可.为简单起见,我们将左边的轴设为-1,右边的设为1. 某个点能摧毁的飞船一定是因为有两个飞船关于这个点对称.即 ...
- ssh: connect to host port 22: Connection refused
配置Linux的互信,互信完成后,连接需要+端口才可以已经将端口修改为7777,但依旧走的是默认的22端口修改方式:[root@yoon ssh]# vi /etc/servicesssh ...
- 动态库连接器–动态库链接信息(Mach-O文件格式和程序从加载到执行过程)
section cmd 说明 举例 __text 主程序代码 __stubs 用于动态库链接的桩 __stub_helper 用于动态库链接的桩 __cstring 常亮字符串符号表描述信 ...
- Jquery 过滤器(first,last,not,even,odd)的使用和区别
Jquery 过滤器主要有first,last,not,even,odd等等,它们分别表示: 代码如下: $(function(){ $("#menu li:first").cli ...
- 洛谷1613 跑路 倍增 + Floyd
首先,我们一定要认识到本题中的最短时间所对应的道路不一定是在起点到终点的最短路.例如,起点到终点的最短路为 151515 ,那么对 151515 进行二进制拆分的话是 111111111111 ,这时 ...