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操作.在这里记录一下. ...
随机推荐
- BZOJ 3674/BZOJ 3673 主席树
思路: 主席树维护可持久化数组 剩下的就是普通的并查集了- //By SiriusRen #include <cstdio> #include <cstring> #inclu ...
- Spinner默认选择问题
1.需求中使用Spinner,不允许有默认选中,在网上查了好多,有设置 spinner.setSelection(-1,true); 也有设置如下: spinner.setOnItemSelected ...
- Linux crontab 定时任务设置
第1列分钟1-59第2列小时1-23(0表示子夜)第3列日1-31第4列月1-12第5列星期0-6(0表示星期天)第6列要运行的命令 下面是crontab的格式:分 时 日 月 星期 要运行的命令 这 ...
- ABBYY FineReader去他的光棍节,我要我的双十一
今天就是双十一,全民剁手的双十一,一年仅一次的双十一,不只是半价的双十一.....此时此刻,多少钱拿起手机在疯狂购物,又有多少人死守着电脑,不敢怠慢一丁点机会,买着买着购物车就空了,然后才发现,咦!超 ...
- dp入门—数塔
在讲述DP算法的时候,一个经典的例子就是数塔问题,它是这样描述的: 有如下所示的数塔,要求从顶层走到底层,若每一步只能走到相邻的结点,则经过的结点的数字之和最大是多少? 已经告诉你了,这是个DP的题 ...
- 关于<marquee>、<form>、input中的<text>、<password>、<hidden>、<wenbenkuang>、<reset>、<image>、<submit>、<radio>、<checkbox>以及<select><iframe src>的用法
<html> <head> <meta charset="UTF-8"> <title></ ...
- day05-2 变量、常量、注释以及内存管理
目录 什么是变量 Python中定义变量 定义变量名的命名规范 什么是常量 定义常量 注释是什么 注释有什么用 内存管理(重要) 引用计数 垃圾回收机制 小整数池 定义变量的三个特征 什么是变量 变量 ...
- jmeter+ant+jenkins持续集成
邮件.报告插件和jenkins的war包下载地址:链接:https://pan.baidu.com/s/1gZJ53x50bxVyEsQFjdCkog 密码:1jtz 1.下载ant 网盘地址:链接 ...
- Jetty初探
一.在jetty中部署web应用 Jetty 和 Tomcat 一样都是一个web server的container, 用户可以在里面 deploy 自己的 war 包,然后启动 Jetty, 进而通 ...
- 使用yum方式安装mysql5.6
1.新开的云服务器,需要检测系统是否自带安装mysql # yum list installed | grep mysql 2.如果发现有系统自带mysql,果断这么干 # yum -y remove ...